Как сделать меню ME602 в виде кнопок на мобилках

При помощи данной модификации можно сделать блок МЕ602 в виде кнопок на мобилках, вместо выпадающего списка

Модификация работает с включенным Autoscale в блоках

Модификация работает только со стандартными блоками

Номер модификации в библиотеке TiCode

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

поделиться модификацией

ID блока ME602

Радиус скругления кнопок

Цвет обводки кнопок

Толщина обводки

Цвет фона кнопок

войти

Войдите в аккаунт чтобы получить доступ к генератору кода

регистрация

оплатить

Этот генератор кода доступен только тем кто оплатил подписку

<style> @media screen and (max-width: 960px) { #rec540507786 .t395__tab { border-radius: 30px!important; width: 100%; display: inline-block; margin-bottom: 15px; border-right: 1px solid #f7d5ce!important; border: 1px solid #f7d5ce; !important; background-color: #ffffff !important; } .t395__width_25 { width: 25%; } .t395__tab { display: table-cell; cursor: pointer; vertical-align: middle; border-right: none!important; position: relative; min-width: fit-content; } #rec540507786 .t395__wrapper { display: block!important; } .t395__wrapper { display: none; } #rec540507786 .t395__wrapper { display: table; width: 100%; } .t-align_center { text-align: center; } #rec540507786 .t395__col { padding: 0 20px; box-sizing: border-box; margin: 0 auto; padding-right: 30px;} } @media screen and (max-width: 1200px) { #rec540507786 .t-width_9 { max-width: 700px; max-width: 860px; } .t-width { width: 100%; } } @media screen and (max-width: 960px) { #rec540507786 .t395__tab_active:after { display: none; } } @media screen and (max-width: 640px) { #rec540507786 .t395__col { padding-right: 40px;} } @media screen and (max-width: 480px) { #rec540507786 .t395__col { padding-right: 40px;} </style>

КОПИРОВАТЬ КОД

1. Создаем блок МE602 и указываем его id в генератор кода;

2. в настройках блока ставим галочку в поле "Показывать вкладки в один ряд на мобильных устройствах";

3. Настраиваем цвет кнопок в мобильной версии. Для этого в поле:
Цвет обводки - указываем цвет в генераторе и такой же цвет обводки указываем в настройках блока МЕ602
Толщина обводки - указываем толщину в генераторе и такое же значение и в настройках блока МЕ602
Цвет фона кнопки - указываем цвет в генераторе и такой же цвет в настройках блока МЕ602

4. Дополнительно можно скруглить углы указав радиус в поле "Радиус скругления углов";

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