Вт. Окт 8th, 2024

Как сделать меню для мобильного в теме Astra? Если на десктопной версии все получается, то в версии для мобильного и планшета остаются вопросы.

Видимость элементов можно настроить отдельно для планшета, мобильного и десктопа. Так что, основное меню для телефона можно сразу скрыть, т.к. выводится оно будет не так как нужно

Как настроить меню «бургер» для мобильного телефона в теме Astra

Max Mega Menu

Находим и устанавливаем Mega Menu плагин для вордпресс:

Плагины — Добавить новый — Поиск плагинов — Mega Menu и выбираем тот, что на картинке. Нажимаем «Установить», затем «Активировать»

Переходим в настройки меню. Создаем меню, привязываем его к нужной области и сохраняем:

Ставим галочку «включено» (по умолчанию она не стоит) и нажимаем «сохранить»

Добавление меню в шапку

Итак, переходим на сайт и нажимаем в верхней панели управления «Настроить», выбираем пункт «Конструктор шапки»

Переходим на мобильный вид:

В панели отключаем вывод стандартного меню (удаляем основное меню) и добавляем вместо него виджет:

Нажимаем настройки (шестеренка)

Нажимаем на плюсик и поиском ищем max mega menu, выбираем локацию и видим, что менюшка появилась — «бургерное» меню из трех полосок. Нажимаем «Опубликовать». И можно посмотреть, как выглядит сейчас результат на телефоне

Как настроить стили для нашей менюшки, к сожалению, пока не нашла, но можно добавить стиль через «дополнительные стили» в настройки темы. Как сделать опишу позже, как только найду

от admin

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *