Archived topic

menu line height in mobile

3 replies · Started by Iñaki Mansilla on February 24, 2017

Viewing posts 1–4 of 4

February 24, 2017 at 11:03 am #283561

Hi All.

.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!!.

February 24, 2017 at 12:43 pm #283582

Hi there,

Try this instead:

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

Let me know.

February 24, 2017 at 12:52 pm #283586

Hi Leo.

It works like a charm!!.

Thanks for your help.

February 24, 2017 at 12:58 pm #283588

You're welcome :)

This archived topic is closed to new replies.