[Resolved] Mobile menu

[metal]

How can I resize the menu items on mobile only? When you adjust the height of the mobile header, it adjusts the height of both the header and the dropdown mobile menu. I only want to make the dropdown mobile menu items less tall.

[Leo]

Hi there,

Try this CSS:

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

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

Let me know if this helps 🙂

[metal]

Works perfectly, thank you!

[Leo]

No problem 🙂

[Author]

Posts