disable mobile menu

Hi what's the best way to diable the mobile menu for tablets?
My menu is just 4 items and I'd rather keep the full menu.
Can this be done with css override using media queries?

Thanks,

Pascal

Yes it can, could you please post an url to your site?

Site in progress is pasvorm.com/s2015

Thanks

Please edit: /templates/gk_shop_and_buy/css/override.css and add at its end:

Code: Select all

@media (max-width: 940px) {
   #gkMainMenu.gkMenuClassic {display: block !important;}
   #gkMobileMenu {display: none !important;}
   .gkMenuClassic #gkExtraMenu {display: block !important;}
}
@media (max-width: 940px) {
   #gkMainMenu.gkMenuClassic {display: none !important;}
   #gkMobileMenu {display: block !important;}
   .gkMenuClassic #gkExtraMenu {display: none!important;}
}


Remember to enable "CSS override" in template settings - advanced section.

Ps. I have set 940px breakpoint to show mobile menu as with lower width menu starts to break.

Hi Cyberek, Doesn't work Looks like it's using tablets.css

Sorry, my mistake:

Code: Select all

@media (min-width: 940px) {
       #gkMainMenu.gkMenuClassic {display: block !important;}
       #gkMobileMenu {display: none !important;}
       .gkMenuClassic #gkExtraMenu {display: block !important;}
}

@media (max-width: 940px) {
       #gkMainMenu.gkMenuClassic {display: none !important;}
       #gkMobileMenu {display: block !important;}
       .gkMenuClassic #gkExtraMenu {display: none !important;}
}


Hi Cyberek,

This works fine, thanks!

Regards,

Pascal

If you have any additional questions regarding this topic, please let me know.