Logo overlaps menu and page content in IE

Hey iNGENUiTY,
I tested your site using Chrome, Edge & IE11 on Windows 10. I was unable to reproduce the logo shift down into the content, but I was able to reproduce your menu reaching your logo at smaller screen widths. So I found that at the smallest width before the mobile menu became active was 989px and the max was 1056px. Thus I added this css to your General Styling > Quick CSS field to make your menu text 3px smaller, which allowed more room between the logo and the menu.

@media only screen and (min-width: 989px) and (max-width: 1056px) { 
.av-main-nav > li > a {
font-size: 10px !important; 
}
}

Please clear your browser cache and check.
Please see screenshots in Private Content area.

Best regards,
Mike

Hi,
I found that in your child theme stylesheet that there was a 21px margin-top being added because the logo width was restricted. I added this css to disable the margin-top when the header was scrolled:

.header-scrolled .logo {
		margin-top: 0px;
	}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks, Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike