Top Main Menu spacing

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.)