[Resolved] slide-out menu left-padding

[Torsten]

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

[Fernando]

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

[Torsten]

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

[David]

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.

[Torsten]

Thx!

[David]

You’re welcome

[Author]

Posts