Hi all, i follow these instruction and test some solutions in the Support forum i searched for
actually i have this code insert
@media only screen and (max-width:1024px) {
.main_menu #avia-menu li {
display: none;
}
.main_menu #avia-menu li.menu-item-avia-special {
display: block;
}
}
It works not correctly, the full Menu disappear and this is NOT the way i want it
anny thoughts?
Hey cdreise,
Please try the following instead:
@media only screen and (min-width: 1024px) {
nav.main_menu {
display:none !important;
}
#advanced_menu_toggle, #advanced_menu_hide {
display:block !important;
}
}
Best regards,
Rikard
Hey Rikard, does not work!
the Menu will show up as mobile menu in any screen size
Sorry
Hi cdreise,
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 (min-width: 768px) and (max-width: 1350px) {
#avia-menu .menu-item {
display: none;
}
#advanced_menu_toggle, #advanced_menu_hide {
display:block !important;
left: 0;
right:auto;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
now it works fine for me. Many Thanks for your support
Cheers
Hi,
Glad Victoria could help! :)
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