Decrease Space between primary nav and sub menu

Hi there,

in Customizer > Layout > Primary Navigation, reduce the Menu Item Height.

But if I do that then it decreases the size of the logo which I do not want.

Is there a different method?

Theres a few ways to do this.
With your current layout the simplest would be to make the adjustment i mentioned above.
And then add this CSS to keep the logo height that you require:

.main-navigation .navigation-branding img, 
.main-navigation  .site-logo.mobile-header-logo img {
    height: 150px;
}

Added but still logo shrinks when I update the menu item height option.

Hmmm.... can you make those changes and publish them so i can take a look at why the CSS isn't working ?

It actually worked but in the customizer...it shows that it shrinks but if you look in the live menu it doesn't. Thank you!

Silly customizer - it uses Javascript for the rendering of the CSS, so it may be that my CSS needed to be more specific.
But i am glad to hear its working :)