Archived topic
CSS to change Menu Font Size on Mid-Size Screens
2 replies · Started by Joe on August 25, 2017
Viewing posts 1–3 of 3
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!
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;
}
}
Glad you found the solution!
This archived topic is closed to new replies.
