[Resolved] Reduce menu item spacing on mobile

[Lyle]

Hi Tom,

I searched the forum for this subject and found this post:

https://generatepress.com/forums/topic/change-menu-item-height-in-mobile

You had posted this CSS:

@media (max-width: 768px) {
    .main-navigation .main-nav ul li a {
        line-height: 60px;
    }
}

But no matter what I do, it does not want to work. I’m using Screenfly to test and am using the Apple 5 selection (portrait – 320 x 568). My real one looks the same too 🙁 Any insights will be greatly appreciated 🙂

Cheers!
Lyle

[Tom]

That should do it as long as you’re applying it to the main/slideout navigation.

Can you link me to the site where it’s not working?

[Lyle]

Yep, it’s on the Sniffle Valve site …

http://snifflevalve.com/

[Tom]

I’m not seeing the CSS added using Chrome Dev Tools. Caches all cleared? No CSS syntax errors?

[Lyle]

D’oh! 🙂 Sorry to bother you Tom, it was a cache issue! 🙂

[Tom]

No problem! 🙂

[Author]

Posts