Off canvas menu on mobile device

Hello Gavic,

Is it possible to display off canvas menu on mobile devices. If not can you please tell which files need to be modified to achieve this.

Hello,

If you switch the menu to off canvas - it will be used on mobile and desktop. If you want classic menu and off canvas only on mobile, please edit footer.php (and footer-frontpage) and remove this condition:

Code: Select all

<?php if(get_theme_mod('quark_menu_classic', 0) == 0) : ?>


Then you'll have off canvas and overlay menu active at the same time. Use css to hide the overlay menu or edit script from Quark/js/functions.js file to remove/hide overlay mobile menu.

Still getting overly menu on mobile devices.

Yes, I wrote in my previous post that now you should see overlay and off canvas menu at the same time. Now you have to hide the overlay menu using i.e. CSS styles.

You can also edit js/functions.js file and remove fragment from
// Overlay menu
(lines 474 - 514)