Tagged: mobile menu
I used to use css to show the mobile menu on tablets. This worked for a while. But for some reason this isn’t working anymore.
@media only screen and (max-width: 1050px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }
.hide-mobile{ display: none; }
}
I saw in older post in the forum you can change the SwitchWidth via de avia.js
https://kriesi.at/support/topic/navigationlogo-affected-on-ipad-and-androidsamsung/#post-202024
But the function is changed over the years it seems the SwitchWidth is not in the function any more. Not is way i can change it that easily.
Perhaps there is another solution to switch to mobile menu on a specific pixel width? Any help is welcome.
I could send login credentials if needed.
Hey,
Please remove that custom CSS code and use the one in this post instead – https://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/. Since we have updated mobile menu completely, CSS selectors have changed :)
Cheers!
Yigit
Yes!
Super thanks!
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 start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit