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

I am ready for a long road flight for working with a week- or months-long projects.

The Darkberries

Concert and presentation of the new album «So Many Sounds In My Head»

Open Menu

Jun 14 | saturday

21.00 – 00.00

Hartwall Arena

ZERO BLOCK

menu

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

1

Создаём меню ME403 (задаём в настройках ширину 100vw )

2

Создаём ZeroBlock со 100% высотой

3

Добавили на страницу скрипт
Скрипт вставляется в блок ДРУГОЕ►Т123
Заменяем ID Zero
var ZeroID = '#rec49228109';

Библиотека для примера


<style>
.t450__burger>img {
    width: 50px;
}
.t450__burger {
    width: auto;
    height: auto;
}
.t450__close_icon {
    width: 35px;
}
.t450__burger>img{
   -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}
 .t450__burger>img:hover {
   -webkit-transform: rotateZ(45deg);
   -ms-transform: rotateZ(45deg);
   transform:  rotateZ(45deg);
}
.t450__container { padding: 0}
.t450 {
    -webkit-transition: transform ease-in-out 0.8s;
    transition: transform ease-in-out 0.8s;
}
</style>

<script>
$(document).ready(function(){
var ZeroID = '#rec166025701'; 
$(".t450__container").empty();$(ZeroID).appendTo(".t450__container");
//Помещаем своё фото вместо иконки
$(".t450__burger").html("<img src='https://static.tildacdn.com/tild3436-6430-4236-a563-623333393830/menu.svg' imgfield='img'>");
  $(ZeroID+" a").click(function(){ $(".t450__burger").click();});   
});  
</script>