Меню в стиле мобильного при любых размерах экрана. По данной ссылке находится конструктор кода для такого меню
Menu toggle buttom
Такое меню подходит, если сайт не большой. Но есть и раскрывающиеся меню очень даже огромное, которое выезжает слева или справа, реализованное с помощью of canvas скрипта, тогда ссылка на конструктор
Off Canvas Menu

Menu toggle buttom реализовывалось нами на сайте с cms joomla. Для этого был переопределен модуль меню (mod_menu) в свой шаблон и отредактирован файл default.php в соответствии с нужной html разметкой, изменения в начале файла

ваш-шаблон/html/mod_menu/default.php

1
2
3
4
5
6
7
8
9
10
11
<a href="#menu" id="toggle"><span></span></a>
<div id="menu">
    <ul class="<?php echo $class_sfx;?>"<?php
        $tag = '';
        if ($params->get('tag_id') != null)
        {
            $tag = $params->get('tag_id').'';
            echo ' id="'.$tag.'"';
        }
    ?> id="module-199">
<?php

А затем добавлены стили в таблицу стилей шаблона. Создан файл menu.js и размещен в нем javascript (код см в on-line конструкторе по ссылкеMenu toggle buttom), файл помещен в папку js шаблона , затем подключен в index.php темы

index.php

1
2
$doc = JFactory::getDocument();
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/menu.js')
Translate »
Рейтинг@Mail.ru Яндекс.Метрика