[Resolved] Mobile nav bar padding issue

Home Forums Support [Resolved] Mobile nav bar padding issue

Home Forums Support Mobile nav bar padding issue

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1309461
    Stephen

    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!

    #1309599
    David
    Staff
    Customer Support

    Hi there,

    where did you add the CSS?

    #1309601
    Stephen

    Hi David,

    Into the customiser
    Appearance > Customise > Additional CSS

    #1309670
    David
    Staff
    Customer Support

    Can you add the code back in and disable Autoptimize so i can see what the issue is.

    #1309700
    Stephen

    Ok, I have deactivated Autoptimize and added the code back in.
    Thanks David.

    #1309778
    David
    Staff
    Customer Support

    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;
        }
    }
    #1309797
    Stephen

    Thats spot on – solved. Thanks so much!

    #1309847
    David
    Staff
    Customer Support

    You’re welcome

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.