am using helix3 template and I need to hide the "off canvas menu" on large screens and make it appears only on tablets and mobile screens. any help!

4 Answers 4


First go to:

  • Extensions > Templates > Your Helix Template > Menu Tab

From here select in the option Menu Type only Mega Menu, this option hide the
off canvas menu on large screens.

Now for display the off canvas menu in tablet go to this path:

  • your_site.com/templates/helix_template/features/menu.php

Find this line:

<a id="offcanvas-toggler" class="visible-xs" href="#"><i class="fa fa-bars"></i></a>

And add the values visible-sm and visible-md:

<a id="offcanvas-toggler" class="visible-xs visible-sm visible-md" href="#"><i class="fa fa-bars"></i></a>



quick solution-

@media (min-width: 1600px) {
  .offcanvas-menu, #offcanvas-toggler {display:none;}

Just add this to the custom css code.


There is an easier way. Go to Templates > Style > Shaper_helix3 > Menu > Menu Type and choose: Mega Menu Save and thats it!


Go to template->templateDetails.xml comment out or remove position offcanvas from . Now go to root directory then features and edit file menu.php and comment/remove the following lines.

save and exit. Now reload your pages.

  • 2
    It seems that you have forgotten to put some lines of code from "menu.php" file.
    – Farahmand
    Commented Mar 14, 2017 at 10:58

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.