Tagged: menu mobile
we have a strange effect here: if you open the page on mobile (chrome developer preview as well) you see, that when you swipe the page to the left an addition menu appears.
we removed all custom css but the problem persists.
here is a screenshot: https://goo.gl/AAxxg4
Hey perler,
Thanks for the screenshot. Could you try updating the theme to the latest version (4.2) to see if that helps please? http://kriesi.at/documentation/enfold/updating-your-theme-files/
Best regards,
Rikard
yes, this helped but brought up another issue: I did make some changes to the screen dimensions at which the mobile menu should appear because we have quite a wide main menu.
I did this according to some post from this forum:
@media only screen and (max-width: 1180px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
problem is, that the changes to the mobile menu in 4.2. somehow breaks this code. instead of appearing earlier it now isn’t visible at all below 1180px screen wide..
Hi perler,
The menu code to show at 1180px is different now. Please remove the old code.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 1180px) {
nav.main_menu {
display: block !important;
}
.menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
brillant, thanks!
Hi,
Did you need further help or should we close this thread?
Best regards,
Jordan Shannon