Hello,
It appears the menu on our site is squishing into the logo when changing the browser size. Any help is appreciated!
~MacKenzie
Hey vantagepointmg,
I recommend having your menu chang into a burger menu for 1366px and below. To do this try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (max-width: 1366px) {
#top #header .av-main-nav > li.menu-item {
display: none!important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
}
}
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Looks like that did the trick! Thank you!
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike