Top Main Menu spacing

  • Is there a way to increase the number of main menu items in the top navigation? At the moment, I am only able to fit 5 next to the logo. Not having the logo there does not make a difference. But what I add another main menu item, it starts a new row and sits under the last one on the right.

    Is there a quick/easy and non techie way of decreasing the space between the logo and the main menu items?

Viewing 1 replies (of 1 total)

  • Hi coachgee2,

    You can add CSS to your site via Appearance > Customize > Additional CSS.

    Paste the following code there and adjust the font-size number to your liking:

    .menu-item {
  font-size: 12px;
}

    That will change your menu item font so that it will be smaller and fit more items.

    Is there a quick/easy and non techie way of decreasing the space between the logo and the main menu items?

    The following CSS will make the menu area a bit wider on large screens like laptops/desktops:

    @media screen and (min-width: 1230px) {
    .main-navigation {
        width: 800px;
        float: left;
    }
}

    If that moves your menu below your site title, you can decrease the 800px. (The default is 700px.)

Viewing 1 replies (of 1 total)
  • The topic ‘Top Main Menu spacing’ is closed to new replies.