Tagged: Breakpoints, mobile menu
I used the code from another post to activate the mobile menu at a different screen size/breakpoint:
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
The normal menu disappears, but the mobile menu doesn’t. Any help with this would be great.
Hey,
Please use following code instead
@media only screen and (max-width: 1200px) {
.av-main-nav > li.menu-item { display: none; }
.av-main-nav > li.menu-item-avia-special { display: block; }
}
Regards,
Yigit
That worked great. Thanks!