Black Friday Sale! Get up to $40 off GP Premium!Learn more

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

Home Forums Support CSS to change Menu Font Size on Mid-Size Screens

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #373224
    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!

    #373236
    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;
    }
    }
    
    #373371
    Leo
    Staff
    Customer Support

    Glad you found the solution!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.