Title Issue/ Logo Menu

The problem is that you have too many items on your menu. Either remove some or change the spacing:

.main-navigation ul li a {
    padding-left: .5em;
    padding-right: .5em;
}
.main-navigation {
   padding-top: 3em;
}
.main-navigation-container {
   float:left;
}

To add CSS: use the “Additional CSS” option in the customizer. https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

Thank you Steve!

With a slight adjustment of the padding left and right it worked perfectly!

Many thanks!

If you crop the logo image — there’s a lot of empty space above/below — you could tighten up the masthead even more.