Different padding on mobile header and mobile sticky nav.

[Mark]

How can I add different padding on mobile header and mobile sticky nav than my desktop?

I’d like to keep my desktop padding at 80px left and right. For mobile, I would like padding to be much less like 20px. I have sticky nav applied so I would like this padding to reflect on both the navs on the perspective breakpoints.

Is there CSS I can apply per breakpoint?

[Leo]

Hi there,

Did the CSS here work for you?
https://generatepress.com/forums/topic/mobile-nav-not-showing-up/#post-1397404

If not you can use the media query:
https://docs.generatepress.com/article/responsive-display/#responsive-breakpoints

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mark]

Thanks that worked!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts