-
Posts
-
Hi, when reducing the browser width on this new Enfold 1017 site, the mobile menu icon displays OK, however the full menu also display vertically beside it – as per this screen grab:
Demo access to front end is below….
Thanks.Hey pantoni,
Could you try updating the theme to the latest version (4.1) to see if that helps please? http://kriesi.at/documentation/enfold/updating-your-theme-files/
Best regards,
RikardThanks Rickard
I’ve done the update to the latest version. It fixed the original issue but now we have a couple of different issues;
1. The mobile hamburger icon doesn’t display until you reduce browser width to around iPad port
2. And when hamburger does display, clicking on it displays the slide-in menu OK but it’s on a transparent background
ThanksHi!
Please refer to this post as well – https://kriesi.at/support/topic/enfold-version-4-1-update-troubles/ and if that does not help, please let us know!
Best regards,
YigitThanks Yigit
I’ve checked all those post points. Have cleared cache and that’s resolved all issues except one:
I’ve got this code in Quick CSS to stop the standard menu bar menu items overlapping with the logo when reducing browser width…———————————————————————————–
@media only screen and (max-width: 1100px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
#wrap_all {
position: relative !important;
}
———————————————————————————–
It seems to work OK except that when reducing browser width to the point where the standard menu disappears, there is a about 200px of further width before the hamburger menu displays. Is there any code tweak I need to do to display the hamburger menu as soon as the standard menu disappears?Thanks
Patoni, thanks for sharing I am having the same issue.
Was previously using this CSS to set my break point at 1250px and it now hides the new Burger Menu@media only screen and (max-width: 1250px) { nav.main_menu {display:none !important;} #advanced_menu_toggle, #advanced_menu_hide {display:block !important;} }Thanks for confirming the same issue Millertimesites. Hopefully the Enfold gurus have a code tweak available.
Hi,
Please use the code as following instead
@media only screen and (max-width: 1100px) { .av-burger-menu-main { display: block!important; } #top .av_mobile_menu_tablet .av-main-nav .menu-item { display: none!important; }}Since old mobile menu was removed completely, CSS selectors have changed as well :)
Best regards,
YigitHi,
@millertimesites Glad it worked for you! :)We will keep the thread open and will wait to hear from the creator of this thread. If you have any other questions or issues, please feel free to start a new thread.
Best regards,
YigitDidn’t work for us and we need the Mobile menu working again. Really impacted our users badly not having the mobile menu existing.
Hi,
You are welcome! :)
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 :)
@luxuryrealtygroup Please start your own thread under Enfold sub forum and attach temporary admin logins in private content field so we can look into it.Best regards,
Yigit
- The topic ‘Enfold mobile menu display error’ is closed to new replies.