[Resolved] CSS to change Menu Font Size on Mid-Size Screens

[Joe]

Hello,

I am trying to control the Font Size of the Main Navigation on different screen sizes.

I have set a custom breakpoint for the mobile menu, but on screens just larger than the breakpoint, I would like to make the Menu Font Size smaller so that the Menu fits on one line.

Please could you advise on the CSS I should use.

http://little-nightingales.co.uk/site/

Thanks!

[Joe]

Actually, sorry, I have found the solution myself so I don’t require any help.

For anyone else who is trying to do this, it’s as simple as:

@media (max-width: 1024px) {

.main-navigation a {
	font-size: 14px !important;
}
}

[Leo]

Glad you found the solution!

[Author]

Posts