Joomla Templates Club 406,261 posts

[Manes Friend ManesJoin date: April 2015Posts: 41Downloads:20Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#1093501

Hello,

I am using uber/corporate and as default it shows side menu as well as the main menu on computer screens.

I would like to make the side menu appear only when the main menu doesn’t show on small screens.

Can you tell me how to achieve that ?

Thank you.

• This topic was modified 6 years, 2 months ago by  Manes.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1093867

Hi Manes,

You can open this file: root/templates/uber/tpls/blocks/off-canvas.php

Look for this snippet of code:

<button class="btn btn-primary off-canvas-toggle <?php $this->_c('off-canvas') ?>" type="button" data-pos="right" data-nav="#t3-off-canvas" data-effect="<?php echo $this->getParam('addon_offcanvas_effect', 'off-canvas-effect-4') ?>">
  <span><?php echo JText::_( 'TPL_MENU' ); ?></span> <i class="fa fa-bars"></i>
</button>

change it to:

<button class="btn btn-primary off-canvas-toggle hidden-md hidden-lg <?php $this->_c('off-canvas') ?>" type="button" data-pos="right" data-nav="#t3-off-canvas" data-effect="<?php echo $this->getParam('addon_offcanvas_effect', 'off-canvas-effect-4') ?>">
  <span><?php echo JText::_( 'TPL_MENU' ); ?></span> <i class="fa fa-bars"></i>
</button>

Add the ‘hidden-md hidden-lg’ classes to hide it in medium + Large screen.

Regards

[Author]

Posts