I want it to be displayed as in the picture:
and how to change typography of mega menu and sub menu?
HI,
If you could mention the screen size and what you want to show in that screen size then it will be easy to help you.
- Thanks
HI,
If you could mention the screen size and what you want to show in that screen size then it will be easy to help you.
- Thanks
If less than 1530 px - turn on mobile menu
<?php $this->helix3->loadMegaMenu('hidden-sm hidden-xs'); ?>
<a id="offcanvas-toggler" class="visible-sm visible-xs" href="#"><i class="fa fa-bars"></i></a> <!-- off canvas menu -->
<?php $this->helix3->loadMegaMenu('hidden-sm hidden-xs'); ?> <!-- mega menu -->
We have used there bootstrap default classes for showing and hiding menus by screen size. Could you please open the following file /templates/shaper_shopin/features/menu.php on 30 no line you will get:
<?php $this->helix3->loadMegaMenu('hidden-sm hidden-xs'); ?>
hidden-sm hidden-xs This is mega menu showing and hiding class, if you selected mega menu and offcanvas both will show then it will work.
again on 36 and 37 no line you will get:
<a id="offcanvas-toggler" class="visible-sm visible-xs" href="#"><i class="fa fa-bars"></i></a> <!-- off canvas menu -->
<?php $this->helix3->loadMegaMenu('hidden-sm hidden-xs'); ?> <!-- mega menu -->
if you selected only mega menu then this will work but in the mobile device automatically will show mobile menu. hidden-sm hidden-xs for showing and hide off-canvas menu and hidden-sm hidden-xs for mega menu.
Here you will get all bootstrap hidden and showing classes: https://github.com/twbs/bootstrap/issues/8883#issuecomment-22653986
- Thanks