On my site, the mobile menu sits off the right side of the site and is visible if you swipe or drag the page over. If I click the menu icon, the mobile menu shows and and then, if I click the close icon, it disappears and is no longer visible off the right side of the site. It’s almost like when the page is first loaded, the menu position is correct, but the visibility is not correct.
I can reproduce the issue on iDevices, Fire tablet, and Chrome developer tools.
Please use the URL to below to see an example of the issue.
Thank you
EDIT: I read https://kriesi.at/support/topic/menu-in-mobile-view-2/, but that doesn’t seem to fix the issue for me. FYI – I am using the latest versions of WordPress and Enfold.
Hey paepke19,
Could you please also provide login details to your administrator panel. This will allow us to investigate the issue further.
Best regards,
Jordan
Info below, thanks
Update: It appears the following CSS is responsible for the behavior I’m seeing:
@media only screen and (max-width: 1250px) {
#mobile-advanced,
#advanced_menu_toggle,
#advanced_menu_hide { display: block; }
nav.main_menu { display: none; }
}
Update Two: I changed the CSS to the following and the issue seems to be resolved:
@media only screen and (max-width: 1250px) {
nav.main_menu { display:none !important; }
#advanced_menu_toggle,
#advanced_menu_hide { display:block !important; }
}
Hi,
Glad you figured it out!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Best regards,
Yigit