Space between menu and logo

Hi there,
how can I reduce the space between the menu and the logo?
Thanks for any help!

Alex

Hello Alex,

If I got it right, you’d need to add the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
      .site-header .col-md-4 {
        width: 25% !important;
      }
      .site-header .col-md-8 {
        width: 75% !important;
      }
    }

Regards,
Kharis

Hi Kharis,
thanks for your advice. However, the problem is still the same…
I wan the menu to be next to the logo. It still looks like this:

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
      .site-header .col-md-4 {
        width: 120px;
      } 
      .site-header .col-md-8 {
        width: calc(100% - 120px);
        width: -moz-calc(100% - 120px);
        width: -webkit-calc(100% - 120px);
        width: -o-calc(100% - 120px);
        width: -ms-calc(100% - 120px);
      }  
      .main-navigation ul.menu {
        float: left;
      }
    }

Regards,
Kharis