Hello,
I am trying to activate mobile menu for 1024px width because my menu breaks in iPad landscape view
I put in the recommended CSS code:
@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}
And the mobile menu button totally disappears across all responsive widths. Maybe with the recent mobile menu update this CSS code no longer works?
Please help
Hey zohar2014,
Can you give us a link to your site? so we can take a closer look.
Best regards,
Nikko
the site is https://longislandinterventions.com
I’ve taken out the above-mentioned CSS code because it makes the mobile menu disappear
iPad landscape view menu looks horrible, like this:
My developer has been working for days on the landscape tablet menu… good luck. I’ll be following this thread in case you learn something that will help him. He is really struggling and he knows his stuff.
Hi,
Can you try using this css code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:1024px) {
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
display: block;
}
}
Hope this helps :)
Best regards,
Nikko
Thank you its fixed now,
I have two more questions about something else, can I ask them here?
Hi,
I would prefer you would create a separate thread, so the title of the thread and the content is related. :)
Best regards,
Nikko
I made my other thread and havent received any response, please help.
Hi,
We’ll get to your thread, we work on a first in first out basis.
Best regards,
Rikard
Thanks