Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Как оформить таб блок ME602 в виде кнопок в Tilda
Interior design#1
The term arts and crafts is also applied, especially in the United States, and mostly to hobbyists' and children's output rather than items crafted for daily use.
Learn more
Interior design#2
The term arts and crafts is also applied, especially in the United States, and mostly to hobbyists' and children's output rather than items crafted for daily use.
Learn more
Interior design#3
The term arts and crafts is also applied, especially in the United States, and mostly to hobbyists' and children's output rather than items crafted for daily use.
Learn more
Interior design#4
The term arts and crafts is also applied, especially in the United States, and mostly to hobbyists' and children's output rather than items crafted for daily use.
Learn more
Interior design#5
The term arts and crafts is also applied, especially in the United States, and mostly to hobbyists' and children's output rather than items crafted for daily use.
Learn more
Interior design#6
The term arts and crafts is also applied, especially in the United States, and mostly to hobbyists' and children's output rather than items crafted for daily use.
Learn more
Interior design#7
The term arts and crafts is also applied, especially in the United States, and mostly to hobbyists' and children's output rather than items crafted for daily use.
Learn more
Interior design#8
The term arts and crafts is also applied, especially in the United States, and mostly to hobbyists' and children's output rather than items crafted for daily use.
Learn more

Как оформить таб блок ME602 в виде кнопок в Tilda

1
Создали блок ME602
2
Удалили цвет и толщину бордюра вкладок
3
Вставили стиль в блок Другое - Т123
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Оформляем блок ME602 в виде отдельных кнопок.
Отключаем выпадающий список в мобильной версии
Фрагмент видео
Библиотека примера
<style>
.t395__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;  /* center  центр - flex-start  слева -  flex-end справа  */
    
}
.t395__title {
    line-height: 0.8;
}
.t395__tab {
    box-shadow: inset 0 0 0 1px #cecece; /*Контур вкладки*/
    border-radius: 30px;
    margin-right: 15px; /*left - отступ слева*/
    margin-top: 5px;
    margin-bottom: 15px;
    display: inline-block;
    width: fit-content;
}
.t395__tab_active {
    box-shadow:  0 0 0 1px #a2a2a2; /*Контур активной вкладки*/
}
@media screen and (max-width: 960px){
.t395__wrapper_mobile {display: none}
.t395__wrapper {
    justify-content: flex-start;  /* center  центр - flex-start  слева -  flex-end справа  */
}
.t395__title { 
    font-size: 10px !important;
     line-height: 0.5;
}
.t395__tab {
    margin-right: 10px; /*left - отступ слева*/
    margin-bottom: 10px;
}
}
</style>
Библиотека примера
Кнопки в одну линию + скролл
<style>
@media screen and (max-width:9000px){

.t395__col {overflow-x: auto}
.t395__wrapper {
    flex-wrap: nowrap;
    width: max-content;
}
.t395 ::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 5px;
}
.t395 ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background: #f0f0f0;
}

}
</style>
Made on
Tilda