Support » Theme: Goran » Top Main Menu spacing

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.