Navigation overlapping Logo on desktop version

Hey rixi,
Thank you for the link, I see that at 990px your mobile menu becomes a desktop menu, which is too long to fit even with the logo all the way to the left.
To have the maximum amount of width for this screen size, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (min-width: 990px) and (max-width: 1440px) { 
#header_main > .av-logo-container {
	    padding: 0 !important;
}
}

but your menu is still too long with this, I would recommend combining your “Singing lessons” & “guitar lessons” into one menu item called “lessons”, and perhaps shorten the item “Coaching for voice & personality development”.
Another option would be to hide certain menu items on certain pages for certain screen sizes.
For example, on your home page you probably don’t need your home link and if there was one more menu item we could hide the menu would probably fit. Would this be an option?
The most common solution for this is to extend the mobile menu to 1024px or 1440px so when the menu does change to the desktop version it will fit. Would this be an option?

Best regards,
Mike

Hi,
Thank you, we will leave this open to hear back from you should you need further assistance.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.menu-item-top-level {
	height: 60px !important;
}
.avia-menu.av-main-nav-wrap {
	padding-top: 40px !important;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike