Ensure menu stays on 1 line for all screen sizes

I’m wondering if there is a way to ensure my menu items reduce in font size as the screen decreases, rather than splitting over two lines?

Thanks,
Abi

Hi,

Please post a link to your website, so I can give you a working solution to make your menu to stay on one line.

Kind Regards,
Csaba

Www.equiby.co.uk

Hi,

You can stop the menu from being split on 2 lines by reducing the menu’s font-size with this Custom CSS:

#mainnav ul li a {
    font-size: 14px !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Kind Regards,
Csaba