Tagged: Hamburger-Menu
Hi, the hamburger menu isn’t working on mobile and thinly-sized web browsers. I do have the following in custom css if it matters.
#menu-item-search {
display: none;
}
.main_menu{ right: -20px;}
/* Activate burger menu */
@media only screen and (max-width: 1100px) {
#top #header .av-main-nav > li.menu-item {
display: none!important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
}}
Site details below –
Hey DJQuad,
Thanks for the login details. What happens if you remove your CSS? Also, did you try to disable the features under Enfold->Performance? I see that you are running 4.4, there is an update available to 4.4.1 if you want to try to update as well: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update
Best regards,
Rikard
I’ve tried both. The CSS was a suggestion because the nav wasn’t resizing properly.
Hi,
I disabled CSS and JavaScript compression in the theme options, and the mobile menu is working now, please check your site. If you still want that functionality then you might want to experiment with what works and what doesn’t on your site, a third party plugin might be an option too.
Best regards,
Rikard
Thanks. What plugin would you recommend? I added the original code so it would display properly on mobile. Shouldn’t Enfold handle this properly on its own?
Hi,
Optimisations works differently depending on what server and WordPress configuration they are done on, so there’s no way for compression and caching to always work universally unfortunately. We don’t really have any recommended plugins, but I’ve heard good things about Swift Performance for instance.
Best regards,
Rikard