Настройка мобильного меню в Drupal 8 / Отзывчивое и off-canvas меню

Рассмотрим один из самых простых способов создания мобильного меню в Drupal 8. Для этого мы воспользуемся модулем Responsive and off-canvas menu.

Установите модуль через Composer:

composer require drupal/responsive_menu ; drush en responsive_menu -y
Войдите в полноэкранный режим Выйдите из полноэкранного режима

Скачайте библиотеку mmenu.

cd ~/site_root/libraries/ ; git clone https://github.com/FrDH/jQuery.mmenu.git && mv jQuery.mmenu mmenu
Войти в полноэкранный режим Выйти из полноэкранного режима

Правильнее было бы поместить библиотеку через компоновщик, но мы сэкономим время и просто клонируем библиотеку в папку libraries.

Перейдите на страницу настроек модуля Responsive Menu:

/admin/config/user-interface/responsive-menu
Войти в полноэкранный режим Выйти из полноэкранного режима

В разделе OFF CANVAS укажите имя машинного меню.

Остальные настройки можно оставить по умолчанию.

Перейдите на страницу «Блок-схема»:

/admin/structure/block
Вход в полноэкранный режим Выход из полноэкранного режима

Помещаем гамбургер в нужный регион:

Перейдите на главную страницу и нажмите на гамбургер.

Оцените статью
Procodings.ru
Добавить комментарий