Archived topic
Different padding on mobile header and mobile sticky nav.
3 replies · Started by Mark on August 11, 2020
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?
[url=https://ibb.co/CJ29SKy][img]https://i.ibb.co/yhSkxFC/Clean-Shot-2020-08-11-at-12-41-46.gif[/img][/url]
[url=https://ibb.co/1GbyLCr][img]https://i.ibb.co/chxf1W6/Clean-Shot-2020-08-11-at-12-56-35-2x.png[/img][/url]
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
Thanks that worked!
No problem :)
