Hello,
I too no longer see the burger menu on my website http://www.SeaPortWebDesign.com.
I had Menu Swapper installed, but cleaned it up completely (got rid of the new menu location it creates, deactivated and deleted the plugin).
I don’t have any CSS that would stop the burger menu from displaying.
Can I get some help?
Thanks!
Jeff
Hey Jeff,
Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
Rikard
Here you go:
Hi JeffBianchi,
Can you disable caching and minification for now?
Best regards,
Victoria
Hi Victoria,
I was given this code by one of your team members. The intent of this code is to force the main menu (text items) to become a burger menu if the users screen is 1200px or less. Without this code, what happens is the main menu items run into and overlap the logo.
I actually copied this code from another one of my websites on which it’s working perfectly. There’s something else at play here.
By the way, I’ve disabled caching and minification.
Thanks!
Jeff
Hi Jeff,
Thanks for the feedback. Please try to remove the code Victoria pointed out in her screenshot, then add this instead to make the burger activate at 1200 pixels:
@media only screen and (max-width: 1200px) {
nav.main_menu {
display: block !important;
}
#avia-menu .menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
Best regards,
Rikard
Hello Rikard,
Yes, that code works perfectly. Thank you so much! You can close this issue down.
Thanks again.
Jeff
Hi,
Glad that Rikard helped you :) Feel free to come back if you need further assistance.
Thanks for using Enfold and have a great day :)
Best regards,
Nikko