White space between logo and navigation bar


is it possible to reduce the white space between the logo and the main menu in the editor?

Thank you in advance

Hi @opti8,

I hope you are well today and thank you for your question.

Yes it’s possible. You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Theme Options -> Other -> Custom CSS

div.site-branding {
    margin-bottom: 5px;

If the above CSS doesn’t work for you then could you please share your site URL?

Kind Regards,

Hi Movin,

thank you but that did not work unfortunately. But it helped me notice that I already had a code for the site logo in the custom CSS which defined the margin at the top. I added this:
margin-bottom: -10px;

And this reduced the white space.

Best regards

Hi @opti8,

Awesome great to see you got that resolved.

Please advise if you have more questions.

Have a fantastic day!