Hi,
I need help with the menu.
It looks good on desktop and on mobile (where it has changed to burger menu). It doesn’t look good on iPad (the menu is overlapping the logo).
How can I change the breaking point from normal menu to burger menu?
Kind regards,
Veronika
Hey Loveronika,
Thank you for the inquiry.
You can adjust the mobile menu breakpoint in the Enfold > General > Menu Items For Mobile settings. Set it to the second option. You can also add this css code.
@media only screen and (max-width: 1366px) {
nav.main_menu li:not(.av-burger-menu-main, .av-active-burger-items) {
display: none;
}
.av-burger-menu-main {
display: block;
}
}
Best regards,
Ismael
Thanks a lot, Ismael.
You can close the topic now.
Kind regards,
Veronika