Как сделать меню второго уровня в Tilda?

1. Добавляешь в Зеро-блок любой элемент, который будет служить кнопкой в меню (текст, шейп, картинка или кнопка). И указываешь ему тот же class, что и в генераторе (например, menu-nolim). Если тебе нужно, чтобы меню второго уровня открывалось на нескольких кнопках, то один и тот же класс, необходимо прописать на всех элементах.

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

2. Для кнопки выполняющей роль раскрытия меню второго уровня, укажи ссылкой id блока, который будет раскрываться.

3. Далее, в генераторе указываешь:

• «id блока с меню» — меню 1-го уровня;
• «Class для открытия меню 2-го уровня» — который ранее прописал кнопке (например, menu-nolim);
• «Показ меню по ховеру» — выбираешь требуется ли раскрытие меню при наведении;
• «Анимация скрытия/показа блока» — выбираешь необходимый вариант;
• «Скорость появления меню (мс)» — указываешь скорость анимации;
• «Z-index меню» — указываешь значение повыше (данный параметр отвечает будет ли видно меню над другими элементами).

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

Имей в виду:

• Обязательно заполнить поле «Скорость появления меню (мс)», иначе меню 2-ого уровня не будет работать;
• В кнопке вызова меню 2го уровня нужно указать ссылку на блок меню 2уровня;
• Отступ для меню будет выставлен автоматически;
• Модификация работает совместно с модификациями поиска и фиксацией Зеро блока от Нолим;
• Не ставь ограничение видимости для меню 2го уровня. Если нужно показывать разные меню на разных разрешениях — делай разные кнопки в зеро блоке и скрывай их на разных экранах;
• Если у тебя несколько блоков, которые выполняют роль меню 2го уровня, ненужно вставлять несколько кодов, используйте один;
• Кнопки для вызова меню 2го уровня не должны находится внутри стартовой страницы. Модификация определяет высоту блока, внутри которого находится кнопка вызова и появляется под этим блоком;
• Кнопка для вызова меню 2 уровня не должна находится в «узкой» полоске под основным меню. Основное меню должно быть цельным, в таком случае меню 2 уровня будет появляться под основным меню;
• Если высота меню из Зеро-блока будет 0 пикселей, меню 2го уровня будет появляться в самом верху страницы;
• Если у тебя несколько меню, одно статичное, другое фиксированное или одно для ПК, другое для мобильной версии, в таком случае нужно сделать дубликат меню 2го уровня и настроить их отдельно;
• Не работает с блоками: ME601, ME601A, ME601B