Hi,
I’m trying to disable the default mobile menu and leave the main menu operational on any device.
In theme options I have:
Header: Display of menu items: Display as icon
And in Quick CSS i using:
@media only screen and (max-width: 767px) {
#advanced_menu_toggle {display: none !important;}
li#menu-item-search {display: block !important;}
li#menu-item-burger {display: block !important;}
}
BUT is not working, just hiding the mobile menu, but not showing the main menu.
Can you give me any suggestions?
Thanks
I was able using this code:
@media only screen and (max-width: 990px) {
#advanced_menu_toggle, #advanced_menu_hide {
display: none !important; }
.responsive.html_mobile_menu_tablet .main_menu .avia-menu { display: block; }}
BUT NOW a new problem, with 768px the menu goes down the logo.
Any sugestions?
Hey!
Can we please check your web site, so we can have a look?
Thank you
Regards,
Basilis
Yes of course. You can check here:
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) {
.responsive.html_mobile_menu_tablet .main_menu .avia-menu {
display: inline-block!important;
position: absolute;
right: 0;
top: 0;
}
.responsive .logo img {
max-width: 85%;
}}
Best regards,
Vinay
It’s working, thank you.
Hi,
Glad we could help!
We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)
Best regards,
Vinay