Reduce menu item spacing on mobile

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