Фиксируем меню ME602 слева или справа страницы в Tilda

С помощью нашей модификации ты можешь настроить у блока ME602 расположение, радиус скругления, размер и цвет обводки

Время настройки: 1 минута

Генератор кода

Видео инструкция

Инструкция

1. Указываем id блока меню ME602;

2. Выбираем настройку, как будут выглядеть табы в мобильной версии. Если ты хочешь выбрать "табы" для мобильной версии, то количество кнопок должно быть до трёх, тогда это будет выглядеть эстетически красиво;

3. Выбираем расположение слева или справа;

4. Если мы хотим сделать скругление, то настройки радиуса, размер бордюра и цвет бордюра должны совпадать со стандартными настройками меню;

5. Указываем от какого размера экрана будет действовать модификация:

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

Копировать код<!-- Как зафиксировать блок ME602 в TILDA? -->
<!-- https://nolim.cc/me602-fixed -->
<style> @media screen and (min-width: 1200px){ #rec123 .t395__tab_active:after{width: 0px!important; }#rec322953735 { position: fixed !important; left: 0px !important; top: 50%; z-index: 99999 !important; } #rec322953735 .t395__tab:not(.t395__tab_active) { border-right: px solid !important; } #rec367269900 .t395__tab_active{border-right-width: 3px !important;border-right-style: solid !important;} #rec322953735 .t395__tab { width: unset!important; display: block !important; border-radius: 15px!important; } #rec322953735 .t395__width_50 { width: 100% !important; } #rec322953735 .t395__wrapper_mobile { display: none !important; } #rec322953735 .t395__wrapper { display: block !important; } #rec322953735 .t395__col { padding: 0px !important; } } @media screen and (max-width: 960px){ #rec322953735 .t395__wrapper { display: block !important; } #rec322953735 .t395__wrapper_mobile { display: none !important; } } </style> <script> function heightSize(){ var size = $('#rec322953735 .t395__wrapper').css('height'); size = size.replace('px',''); size = size/2; $('#rec322953735').css('top', 'calc(50% - '+size+'px)'); } $(window).on('load resize', heightSize); </script>