[Resolved] menu line height in mobile

[Iñaki Mansilla]

Hi All.

I have in http://www.imasdcycling.com:

.main-navigation .main-nav ul li a {
line-height: 80px;
}

But I need line-height: 30px; for the mobile menu li when is contracted, so I have:

@media (max-width: 375px) {
.menu-toggle, .main-navigation .mobile-bar-items a {
line-height: 30px;
}
}

But these doesn´t seem to work for me… Any Ideas??…

Thanks!!.

[Leo]

Hi there,

Try this instead:

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

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

[Iñaki Mansilla]

Hi Leo.

It works like a charm!!.

Thanks for your help.

[Leo]

You’re welcome 🙂

[Author]

Posts