[Resolved] Tablet Spacing Above Below Each Navigation Item is HUGE!

Home Forums Support Tablet Spacing Above Below Each Navigation Item is HUGE!

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #285850
    Max

    HEY GUYS,

    For some reason, on the tablet view, the spacing between my navigation items is HUGE!

    You can check out the site here http://www.vividballet.com.

    I am trying to target it and change it but I am at a loss. Don’t know how to target it correctly with CSS.

    Thanks

    GeneratePress 1.3.44
    GP Premium 1.2.94
    #285853
    Leo
    Staff
    Customer Support

    Hi Max,

    The spacing is coming from this code you added:

    .main-navigation a {
        letter-spacing: px;
        margin-bottom: 15%;
    }

    Give this a shot:

    @media (min-width: 768px) and (max-width: 1024px) {
        .main-navigation .main-nav ul li a {
            margin-bottom: 5px;
        }
    }

    Let me know.

    #285856
    Max

    I gave it a shot no luck. I added Important! too and that didn’t work.

    It seems that I am overriding everything with that first line of code but I have built the whole site around that code, I would hate to go to each page and move the elements around at the top away from the navigation.

    Hmmm.

    Any other ideas?

    #285859
    Leo
    Staff
    Customer Support

    Looks like it’s working for me. Try clearing cache?

    #285860
    Max

    lol yeah, I just figured it out.

    #285862
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.