Как в блоке ME602 включить вкладки в мобильной версии Tilda
Волгоград
Ростов-на-Дону
Краснодар
Астрахань
Уфа
Ярославль
Наши контакты
+7 8442 657 45 23
Социалистическая улица, 14
Волгоград, Россия, 400002
Наши контакты
+7 863 344 23 62
улица Текучёва, 125/200
Ростов-на-Дону, Россия, 344011
Наши контакты
+7 861 215 43 56
улица Володи Головатого, 435
Краснодар, Россия, 350002
Наши контакты
+7 8512 563 24 56
улица Кирова, 7/28
Астрахань, Россия, 414000
Наши контакты
+7 347 12 65 22
Коммунистическая улица, 57
Уфа, Республика Башкортостан, Россия
Наши контакты
+7 4852 454 65 34
улица Свободы, 73/30
Ярославль, Россия, 150000

Как в блоке ME602 включить вкладки в мобильной версии Tilda

1
Создали блок ME602
2
Удалили цвет и толщину бордюра
3
Вставили стиль в блок Другое - T123
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Сохраняем отображение вкладок в видео кнопок на мобильной версии.
Длительность видео: 12 минут
Фрагмент видео
Библиотека для примера
<style>
@media screen and (max-width: 960px){
.t395__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.t395__wrapper_mobile { display: none;}
.t395__tab {
    width: calc(100%/3);
    display: flex;
    justify-content: center;
    align-items: center;
}
.t395__title { padding: 10px 15px !important;}
}
@media screen and (max-width: 460px){
    .t395__tab {width: calc(100%/2);}      
}
.t395__tab {box-shadow: 0 0 0 1px #d6d6d6;}
</style>
Библиотека для ME603
<style>
@media screen and (max-width: 960px){
.t397__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.t397__wrapper_mobile { display: none;}
.t397__tab {
    width: calc(100%/3);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.t397__title { padding: 10px 15px !important;}
}
@media screen and (max-width: 460px){
    .t397__tab {width: calc(100%/2);}      
}
.t397__tab {
}
</style>
Made on
Tilda