КАК СДЕЛАТЬ БУРГЕРНОЕ МЕНЮ ИЗ ЗЕРО БЛОКА НА ТИЛЬДЕ?

1. Внутри Зеро-блока собираешь своё меню для бургера;

2. Настраиваешь следующие поля в генераторе:

• «id блока для показа» — Вставляешь id меню из Зеро-блока;
• «Ссылка для открытия блока» — Вписываешь ссылку #open для открытия бургерного меню;

Ссылка может находиться внутри Зеро-блока или стандартного блока

• «Класс для закрытия блока» — В Зеро-блоке, добавь классы к элементам, при нажатии на которые будет происходить закрытие меню;

Чтобы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку «Add CSS Class Name», далее, справа в настройках указываешь тот же класс, что и в генераторе

• «Сторона анимации» — Выбираешь сторону, из которой будет выезжать меню;
• «Ширина блока» — Указываешь здесь значение в пикселях, либо в процентах;

Эта настройка отвечает за размер меню, которое выезжает. Зависит от поля «Единицы измерения ширины»

• «Overflow» — Из-за технических особенностей, настройку для overflow нужно выбирать здесь, вместо настроек в зеро блоке;

Auto — скроллбар будет появляться, если высота меню выше высоты экрана.
Hidden — скроллбар появляться не будет

• «Не отображать скроллбар» — Устанавливает для скроллбара ширину 0 и скрывает его, а возможность «сроллить» остается;
• «Увеличивать ширину меню на ширину скроллбара» — Если включено, добавляет к значению в поле «Ширина блока» ширину скроллбара. Используй в случаях, когда не хочешь «ломать» верстку скроллбаром. Попробуй включить/выключить данную настройку, чтобы понять, что вам подходит. На Mac OS ширина скроллбара равна 0.

3. Копируешь сгенерированный HTML код и вставляешь его в блок Т123.

Имей в виду:

• Настройка фона у Зеро-блока — прозрачная;
• Не ставь ограничение видимости для блока с бургер-меню, оно вызывается по кнопке, поэтому в ограничениях нет необходимости;
• Выравнивание элементов должно быть по той стороне, откуда будет появляться меню;
• Все элементы должны быть в Window Container.
• Чтобы меню закрывалось при переходе по якорной ссылке добавь ко всем элементам меню класс закрытия.