Too much space in header


I was wondering if you can help.

I am trying to reduce the space between the logo and the navbar in my header. My website needs a few more top menu items but when i add more, they go on the second roll instead of just moving the navbar towards the logo. Is there a way to make the navbar just extend to that white space towards the logo as opposed to putting additional menu items on a second roll?

Many thanks,

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media (min-width: 1200px) {
    .site-branding.col-md-4.col-sm-6.col-9 {
        max-width: 22%;

    #site-navigation.main-navigation.col-md-8 {
        max-width: 78%;
        flex-basis: auto;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

1 Like

Hi Roman,

It works perfectly, thanks!

Kind Regards,

Great! You are welcome Natali :slight_smile:

Kind Regards, Roman.