[Resolved] Change font and line height in mobile menu

[Ulas Engin]

Hi,

I created a new menu for mobile using Tom’s script with Code Snippet plugin somewhere explained in forum. Everything looks fine but I also want to change font and line height of mobile menu when opened. Because used font in menu exceeds limits of mobile screen. Is there a way to use different font in mobile menu?

Thanks in advance…

[David]

Hi there,

any chance you can share a link to the site?

[Ulas Engin]

Thanks for you urgent reply.

The site is still in our local server so no chance for viewing. But I solved the problem by some css as below…

@media (max-width: 768px) {
.main-nav a {
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 3 !important;
}
}

As the logo is within the navigation, line height property was exceeding mobile screen. If you have any additional code, it is appreciated as well.

Thanks again…

[David]

are you using the mobile header?

[Ulas Engin]

Yes, I am using it as described in one of your forum topics.

[David]

So the issue is the logo is too large now?

[Ulas Engin]

No, rather than being large, it is too small as the same size of navigation height. But we are happy with it.

The main problem was the gap between the items in mobile menu. With the css I sent above I got it corrected.

[David]

Ok thanks for confirming. Glad you got it resolved.

[Author]

Posts