Header space gap

How can i remove the white gap below my header? It is on all my pages that i want to remove it. See picture

Hi,

Thank you for contacting us.

Seems likely it is a site specific issue. I need direct inspection to find out the solution. Can you share a link to your page here?

Regards,
Kharis
aThemes Support

Yes, here it is
http://mettefriis.dk.linux371.unoeuro-server.com/

Hi,

Thank you for sharing the link.

As checked, the issue doesn’t seem to appear on my screen.

Have you been able to resolve it by yourself?

Regards,
Kharis
aThemes Support

I think i resolved it by removing some padding. Can you help me with another thing? I would really like to center the logo and nav menu. But i can’t seem to do it.

Can you help?

Hi,

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

    @media only screen and (min-width: 1200px) {
      .site-header .col-md-4,
      .site-header .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;    
      }
      .site-header .site-branding {
        text-align: center;
      }
    }

Regards,
Kharis
aThemes Support

That’s very nice, is there any way i can get the logo to be on the right side of the nav menu? And make the logo a bit bigger?

Does that mean you want the mobile button to be moved to far left? It would be better if you can share a raw mockup showing the final result. So I can get the exact code to suggest.

Regards,
Kharis
aThemes Support

Hi Kharis. Thanks for looking into it.
URL: http://mettefriis.dk.linux371.unoeuro-server.com/

This is the site now

This is how i would like the header to look

Thanks once again