Как сделать меню для мобильного в теме Astra? Если на десктопной версии все получается, то в версии для мобильного и планшета остаются вопросы.
Видимость элементов можно настроить отдельно для планшета, мобильного и десктопа. Так что, основное меню для телефона можно сразу скрыть, т.к. выводится оно будет не так как нужно
![](https://seo-round.ru/wp-content/uploads/2023/11/image-114.png)
Содержание
Как настроить меню «бургер» для мобильного телефона в теме Astra
Max Mega Menu
Находим и устанавливаем Mega Menu плагин для вордпресс:
Плагины — Добавить новый — Поиск плагинов — Mega Menu и выбираем тот, что на картинке. Нажимаем «Установить», затем «Активировать»
![](https://seo-round.ru/wp-content/uploads/2023/11/image-109.png)
Переходим в настройки меню. Создаем меню, привязываем его к нужной области и сохраняем:
![](https://seo-round.ru/wp-content/uploads/2023/11/image-110-1024x686.png)
Ставим галочку «включено» (по умолчанию она не стоит) и нажимаем «сохранить»
![](https://seo-round.ru/wp-content/uploads/2023/11/image-111-1024x373.png)
Добавление меню в шапку
Итак, переходим на сайт и нажимаем в верхней панели управления «Настроить», выбираем пункт «Конструктор шапки»
![](https://seo-round.ru/wp-content/uploads/2023/11/image-107.png)
Переходим на мобильный вид:
![](https://seo-round.ru/wp-content/uploads/2023/11/image-108.png)
В панели отключаем вывод стандартного меню (удаляем основное меню) и добавляем вместо него виджет:
![](https://seo-round.ru/wp-content/uploads/2023/11/image-113-1024x351.png)
Нажимаем настройки (шестеренка)
Нажимаем на плюсик и поиском ищем max mega menu, выбираем локацию и видим, что менюшка появилась — «бургерное» меню из трех полосок. Нажимаем «Опубликовать». И можно посмотреть, как выглядит сейчас результат на телефоне
![](https://seo-round.ru/wp-content/uploads/2023/11/image-115-1024x439.png)
Как настроить стили для нашей менюшки, к сожалению, пока не нашла, но можно добавить стиль через «дополнительные стили» в настройки темы. Как сделать опишу позже, как только найду