[Resolved] Logo doesn't align with the menu in chrome anymore

[Andy]

Hi,

Last week I noticed my logo on a client site doesn’t align properly with the menu anymore. It works fine in Firefox, but in Chrome you see a lot of whitespace above the menu.
https://schaekel.nl/

The weird part is when I’m trying to fix this in the customizer the menu and logo align, but when I save my changes and check my website the problem stays the same.
(>> Customizer > Layout > Header > Navigation Left fixes the problem in the customizer)

I also tried to fix this with some CSS:
/* Push nav down on desktop */

@media (min-width: 769px) {
.main-navigation {
margin-top: -52px;
}
}

It works fine in Chrome, but then the menu in firefox looks off! Does anyone have some other suggestions I could try?
Thanks a lot!
Best regards,
Andy

[Leo]

Hi there,

Looks like you have an empty header widget added?
https://www.screencast.com/t/BshdHYr1

Can you try removing that first?

Let me know 🙂

[Andy]

Thanks a lot Leo! 🙂 I have no idea how that empty widget got there, but it indeed caused the problem!

[Leo]

No problem 🙂

[Author]

Posts