Archived topic
slide-out menu left-padding
5 replies · Started by Torsten on April 5, 2023
Hi,
the 20px left-padding for the menu-items (on mobile only) is not working on /datenschutzerklaerung and /impressum - tested in customizer and with blisk-browser. Fine on start page.
I'm using the code below:
@media(max-width: 768px) {
.slideout-navigation.main-navigation .main-nav ul li[class*="current-menu-"] > a {
padding-left: 25px !important;
}
}thx for helping,
best,
Torsten
Hi Torsten,
For reference, can you provide screenshots of the code working and not on your end?
Uploading Screenshots: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots
Hi Fernando,
find the link to the screenshots in private information.
Screenshots are from Blisk-Browser, from left to right:
startpage
/impressum
/datenschutzerklärung
same on "real" mobiles...
hope that helps,
best,
Torsten
Hi there,
change your CSS to:
@media(max-width: 768px) {
.slideout-navigation.main-navigation .main-nav ul li > a {
padding-left: 25px !important;
}
}your current CSS targets only menu items with a current-menu- class of which the home page is full of, whereas elsewhere none of them are.
Thx!
You're welcome
