The main menu is overlapping in Tablet display. How can I force it to use the mobile menu when this happens?
Hey connect4consulting,
Thank you for the inquiry.
You can add this css code to adjust the mobile menu breakpoint.
@media only screen and (max-width: 1366px) {
.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;
}
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the code.
Best regards,
Ismael