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

[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

[Leo]

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.

[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?

[Leo]

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

[Max]

lol yeah, I just figured it out.

[Leo]

Awesome 🙂

[Author]

Posts