Всем привет. Сегодня будем делать меню второго уровня в Zero Block.
Для начала давай посмотрим как оно выглядит.
Начнем пожалуй с создания самого меню.
Добавляем Зеро блок.
Добавляем в него 2 кнопки меню.
Задаем позиционирование для кнопок Window Container, по Х - Right,
по Y - Top
Высоту блока задаем 90px.
Важно! Нижняя граница кнопки и граница Zero Block должны совпадать!
Ставим ограничение видимости меню от 980рх.
Добавляем еще два Zero Block. Наполняем их контентом.
Задаем позиционирование для элементов Window Container, по Х - Right, по Y - Top
Сделали высоту для этих Zero 0px и включили настройку
Overflow - Visible
Далее добавляем блок T123. В него пихаем код.
В коде заменили:
ID основного меню - rec62834941
ID выпадающих меню
$('rec62897160')
$('rec62935200')
Класс элементов вкладок основного меню
$('div.tn-elem__628349411533820477935')
$('div.tn-elem__628349411533877958649')
Классы элементов присваиваем свои. Нажимаем на кнопку правой кнопкой мыши. Add CSS Class Name.
Делитесь статьей с друзьями и подписывайтесь на обновления, чтобы не пропускать новые статьи.
Пишите в комментариях, какие фишки, вы хотите увидеть в будущем.
Другие публикации:
Как сделать меню в ZeroBlock на Tilda
Как сделать обводку текста с ссылкой при наведении Tilda.
Как сделать слайдер до после в 4 колонки.
