Menu font size on one line

The menu font size is defaulted to: 13 however anything larger than that will have my 7 link items to be displayed on two lines. how can i increase the font size while still having the menu items so on one line?

FYI i am not showing my site title now a site logo.

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
      .main-navigation ul.menu > li {
        padding-left: 6px;
        padding-right: 6px;
      }
      .site-header .col-md-4 {
        width: 20%;
      }
      .site-header .col-med-8 {
        width: 80%;
      }
    } 

And do your own adjustments as needed.

Regards,
Kharis

thank you! works perfect. also do you happen to know how to change the hover over look? on the menu links

thank you!

You’re welcome!

To do so, you’ll need to add this extra CSS code:

    @media only screen and (min-width: 1025px) {
      .main-navigation ul.menu > li > a:hover {
        color: #fff000;
      }
      
      .main-navigation ul.menu > li:after {
        background-color: #fff000 !important;
      }
      
    } 

Regards,
Kharis