All infos - off-canvas не скрывает меню
09
окт

off-canvas не скрывает меню

Этот материал относится к шаблону Porto.

Меню в позиции off-canvas не скрывается на широком экране. По какой-то причине не добавляется класс hidden-lg к тегу button в файле off-canvas.php. Причину так и не нашёл. Решил простым добавлением класса к тегу.

<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') ?>">
<i class="fa fa-bars"></i>
</button>

После этого вкладка Layout стала отображаться не полностью, оказалось что тег button обрабатывается асинхронно скриптом. Пришлось обернуть button div-ом и присвоитьему соответствующий стиль.

<div class="hidden-lg">
<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') ?>">
<i class="fa fa-bars"></i>
</button>
</div>

Кроме класса hidden-lg можно использовать меньшую ширину экрана для скрытия меню -  hidden-sm hidden-xs hidden-md.

Эффекты меню off-canvas настраиваются в стиле шаблона, на вкладке Add-ons.

Share this post

Авторизуйтесь, чтобы получить возможность оставлять комментарии