Archived topic

Mobile menu

3 replies · Started by metal on March 19, 2020

Viewing posts 1–4 of 4

March 19, 2020 at 1:27 pm #1199952

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.

March 19, 2020 at 1:38 pm #1199963

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 :)

March 19, 2020 at 1:43 pm #1199966

Works perfectly, thank you!

March 19, 2020 at 1:45 pm #1199968

No problem :)

This archived topic is closed to new replies.

Start building better websites today.