Archived topic
Control padding in Header mobile resolution
6 replies · Started by Niklas on November 11, 2022
Hello!
Thanks for an amazing theme!
I have problem to control the padding in the header in mobile resolution. Nothing happens when I adjust padding (mobile screen mode on) in Customize. See screenshot.
https://edelstromdesign.se/
Best regards Niklas
Hi there,
thanks for the kind words!!
in Customizer > Layout > Header, you have the Mobile Header enabled. This is kinda a one shot option for when you require a different logo to the desktop and it doesn't respect the default header padding.
Try disabling the Mobile header. Then you can control padding.
It was as simple as that.
Thanks for quick response!!!
best regards Niklas
And now it is just the sticky header padding left on mobile that is uncontrollable.
I tried with this code, but i does not work:
@mediascreen and (max-width: 768px) {
#sticky-navigation {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 14px;
}
}
I would really the sticky manu to be aligned with the rest to the left.
Is it possible?
Best regards Niklas
Try this:
@media(max-width: 768px) {
.sticky-enabled .main-navigation.is_stuck {
padding: 0 10px;
}
}Brilliant!!
Seriously!!
Thanks!
best regards
Niklas
Glad to be of help!
