Editor X: Применение гамбургер-меню

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

После добавления гамбургер-меню на сайт вы можете настроить его элементы, перечисленные ниже.

Настройте кнопку, которую посетители нажимают, чтобы открыть гамбургер-меню. Нажмите на значок Дизайн , чтобы настроить цвет фона, границы и тень кнопки. Вы также можете нажать Изменить основную фигуру, чтобы выбрать другой значок.

Откройте контейнер, в котором находится ваше меню, нажав на значок меню и выбрав Открыть меню.

Затем выберите контейнер меню и настройте его, выполнив следующие действия:

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

Нажмите на значок Дизайн в панели Инспектора, чтобы настроить цвет фона, границы и тень кнопки. Вы также можете нажать Изменить основную фигуру, чтобы выбрать другой значок.

Это элемент, которое отображает фактическое меню. Нажмите Открыть меню, чтобы выбрать страницы, ссылки и подменю для отображения. Затем измените выравнивание пунктов меню и подменю, нажав на значок Макеты .

Нажмите на значок Дизайн в панели Инспектора, чтобы настроить два состояния меню: В покое и Если выбрано — состояние, когда посетитель выбирает пункт меню.

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

Выберите опцию ниже, чтобы узнать больше: