Hello,
I have a website with no custom menus, so the primary navigation is built up as fallback menu. I noticed today that this menu is displayed even on mobile resolution (despite the mobile menu is being displayed as well). From your demo site, I found out that fallback menu wrapper has a bit different classes attached than custom menu wrapper — mainly avia-menu class is missing through which the display: none rule for primary navigation on mobile resolution is applied.
I added the “avia-menu” class to fallback menu wrapper and the issue seems to be fixed, but I would like to report it anyway, cause I am not sure this is a proper fix.
Best regards,
Česlav Przywara
Hey Česlav
Can you please post a screenshot of the issue please? Mobile menu issue was fixed with Enfold version 3.1 and other small bugs were fixed with Enfold 3.1.1.
Best regards,
Yigit
Hi Yigit,
see the screenshot below:
The primary menu is still displayed despite the mobile menu is already active at given resolution. I use a child theme of Enfold, but only with minimum of adaptations and the Enfold (parent) theme is up to date (3.1.1 version).
Best regards,
Česlav
Hi!
Thanks for the heads up! We will look into it :)
Please feel free to start a new thread if you have any questions or issues
Cheers!
Yigit
I had the same problem and fixed it by putting the following in my child theme’s style.css:
@media only screen and (max-width: 767px) {
.responsive #header .fallback_menu {display:none;}
}
Best regards,
Nigel.