Hi,
I followed the instructions here (http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/) on setting the burger menu to activate at a higher resolution in my child style.CSS, but it is not working. The site is multilingual and the Japanese text is covering the menu on some smaller screens.
Below are the site link and login credentials.
Hi Mike,
Thanks for the quick reply!
I have that option set already and the 990px is too small, I need it to switch to the burger menu at 1024px or larger.
Dave
Hi Dave,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
@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;
}
}
Hope this helps :)
Best regards,
Nikko
Hi Nikko,
Unfortunately, this did not work. I also have another issue on the main page (see link below). Could they be related?
Thank you for your help, you all have the best support!
Dave
Hi,
I have checked it and it does work, I resized my browser and check ipad view just to verify if it’s working, you should be able to see that it’s working on the screenshot (link in private content).
Best regards,
Nikko
Hi Nikko,
You are correct, sorry for the confusion. Please close the ticket and have a great day!
Dave