Joomla Templates Club 406,261 posts

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#695282

Hi

The off-canvas menu is permanently on the screen, regardless of what size you are viewing the website at.

We had the same issue with the JA Charity template as discussed here.

We have tried using the same solution given but it didn’t work on the Uber template.

Please advise how to resolve so the off-canvas menu only displays on small screens and mobile devices.

Thanks

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#695359

Hi
I applied the same solution give by my colleague here and now u can see the off-canvas is hidden from large view .

Updated code : off-canvas block on your site a bit: /tpls/blocks/off-canvas.php” in template “uber”.


<button class="btn btn-primary off-canvas-toggle <?php $this->_c('off-canvas') ?> hidden-lg" 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>

You can check your site now.

1 user says Thank You to Pankaj Sharma for this useful post

1. romolo

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#750600

Hi
I applied the same solution give by my colleague here and now u can see the off-canvas is hidden from large view .

Updated code : off-canvas block on your site a bit: /tpls/blocks/off-canvas.php” in template “uber”.


<button class="btn btn-primary off-canvas-toggle <?php $this->_c('off-canvas') ?> hidden-lg" 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>

You can check your site now.

1 user says Thank You to Pankaj Sharma for this useful post

1. romolo

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#695423

Hi @pankajsharma,

Many thanks this has resolved the issue for us.

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#750619

Hi @pankajsharma,

Many thanks this has resolved the issue for us.

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#759358

Hi @pankajsharma,

Can I suggest this change is implemented into an Uber template update, as we find we need to do this with every single install of Uber.

Thanks again.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#759531

Hi
It may effect in template update , so if its effect you need to apply change again in the same files .

[Author]

Posts