Как сделать меню для мобильного в теме Astra? Если на десктопной версии все получается, то в версии для мобильного и планшета остаются вопросы.
Видимость элементов можно настроить отдельно для планшета, мобильного и десктопа. Так что, основное меню для телефона можно сразу скрыть, т.к. выводится оно будет не так как нужно
Содержание
Как настроить меню «бургер» для мобильного телефона в теме Astra
Max Mega Menu
Находим и устанавливаем Mega Menu плагин для вордпресс:
Плагины — Добавить новый — Поиск плагинов — Mega Menu и выбираем тот, что на картинке. Нажимаем «Установить», затем «Активировать»
Переходим в настройки меню. Создаем меню, привязываем его к нужной области и сохраняем:
Ставим галочку «включено» (по умолчанию она не стоит) и нажимаем «сохранить»
Добавление меню в шапку
Итак, переходим на сайт и нажимаем в верхней панели управления «Настроить», выбираем пункт «Конструктор шапки»
Переходим на мобильный вид:
В панели отключаем вывод стандартного меню (удаляем основное меню) и добавляем вместо него виджет:
Нажимаем настройки (шестеренка)
Нажимаем на плюсик и поиском ищем max mega menu, выбираем локацию и видим, что менюшка появилась — «бургерное» меню из трех полосок. Нажимаем «Опубликовать». И можно посмотреть, как выглядит сейчас результат на телефоне
Как настроить стили для нашей менюшки, к сожалению, пока не нашла, но можно добавить стиль через «дополнительные стили» в настройки темы. Как сделать опишу позже, как только найду