Archived topic
Mobile nav bar padding issue
7 replies · Started by Stephen on June 1, 2020
Hello,
The nav bar on the mobile view of my site (https://www.cleardesign.studio/) has got some padding issues.
I was using this CSS to get the mobile nav bar to align with the text in the body section:
@media only screen and (max-width: 760px) {
.inside-navigation {
padding-left: 8px;
padding-right: 8px;
box-sizing: border-box;
}
}
But for some reason the CSS doesn't seem to be working anymore and I'm unsure why. Especially as I'm using a slightly different variant of this same piece of code for the desktop view and that works fine.
Hoping you can help.
Thank you!
Hi there,
where did you add the CSS?
Hi David,
Into the customiser
Appearance > Customise > Additional CSS
Can you add the code back in and disable Autoptimize so i can see what the issue is.
Ok, I have deactivated Autoptimize and added the code back in.
Thanks David.
Looks like you have some bad characters in that CSS.
Try replacing it with this:
@media only screen and (max-width: 760px) {
.inside-navigation {
padding-left: 8px;
padding-right: 8px;
box-sizing: border-box;
}
}Thats spot on - solved. Thanks so much!
You're welcome
