Как создать боковое меню "гамбургер" из ZeroBlock в Tilda
Learn to create a logo in just 7 steps
A 3-day course for newbies and design students
See menu

Как создать боковое меню "гамбургер" из ZeroBlock в Tilda

 
1
Cоздаём меню ME405 (настройки произведём позже)
2
Создаём ZeroBlock со 100% высотой
3
На примере ширина меню в Zero 300px
4
Добавляете на страницу скрипт.
В скрипте вставляем ID ZeroBlock
#rec49288930 - заменяем на свой ID
Скрипт вставляется в блок ДРУГОЕ►Т123
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Создаём боковое меню из Zero на базе ME405.
Вызываем меню по клику на ссылку или кнопку.
Длительность видео: 21 минута
Фрагмент видео
Библиотека для примера

<style>
.t451m__container{ padding: 0px !important;}
.t451m {max-width: 300px !important;}
.t451m__close { background-color: transparent;}
.t451m__close_icon span { background-color: #fff !important;}
</style>
<script>
$(document).ready(function(){
$(".t451m__container").empty();
$("#rec166025724").appendTo(".t451m__container");
$('.t451__burger').click(function(){$(window).trigger('resize');});
$('a[href="#openmenu"]').click(function(e){ e.preventDefault();
    setTimeout(function(){ 
        $('.t451 .t-menuburger').click();
    }, 100);
});
});
</script>
Made on
Tilda