Tagged: mobile menu
In Enfold theme options, I’ve set the burger menu to show on devices with a screen width of less than 990px. Also, Menu Handling for Mobile Devices in Landscape mode is set to Use Portrait Mode Screen Width.
When viewing in Chrome on my iPad, burger menu shows. However it does NOT show in Safari and regular menu appears.
Hey nancyT,
I can’t see any differences on my end when comparing Chrome and Safari, the burger menu starts showing a 990 pixels width. Could you try loading the site in a private window in Safari to see if that helps please?
Best regards,
Rikard
See screen shots here please. Thank you.
Hi,
Thanks for the update. I still can’t see that happening, the burger menu activates at 990 on my end. Please see screenshot in private.
Best regards,
Rikard
Private content below.
Hi,
What is the resolution of your ipad? You can adjust the pixel value when the burger menu is activated using this CSS:
@media only screen and (max-width: 1024px) {
nav.main_menu {
display: block !important;
}
#avia-menu .menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
Simply adjust the 1024 value to your preferred value.
Best regards,
Rikard
Thank you, that has been very helpful and good to know!
Nancy
Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike