Archived topic
Tablet Spacing Above Below Each Navigation Item is HUGE!
5 replies · Started by Max on March 1, 2017
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
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.
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?
Looks like it's working for me. Try clearing cache?
lol yeah, I just figured it out.
Awesome :)
