Loading...

Как сделать горизонтальный скролл в мобильной версии для разделов?

Модификация может сделать из разделов товаров в Тильда горизонтальный скролл, настроить размер шрифта, цвет текста, фона, бордюра и радиус скругления
Время настройки: 3 минуты
Генератор кода
Видео инструкция
Инструкция
Модификация работает с блоками: ST300, ST305N, ST310N, ST315N, ST320N

1. Задаем настройки в HTML-генераторе

2. Копируем сгенерированный HTML код и вставляем его в блок Т123;, либо в Настройки сайта > Еще > ПОЛЬЗОВАТЕЛЬСКИЕ CSS-СТИЛИ > Редактировать CSS

3. Посмотреть результат изменения настроек в генераторе можно в примере ниже
Размер шрифта (px)
Цвет текста
Цвет фона
Цвет бордюра
Радиус скругления бордюра (px)
Толщина бордюра\обводки (px)
Ширина экрана до (px)
Копировать код<!-- Как сделать горизонтальный скролл в мобильной версии для РАЗДЕЛОВ? -->
    <!-- https://nolim.cc/scroll-in-mobile -->
    <style> @media screen and (max-width: 640px) { .t-store__parts-switch-wrapper { overflow-x: scroll; overflow-y: hidden!important; display: flex; width: 100%; margin-bottom: 20px; padding-bottom: 20px; padding-top: 12px; } .t-store__parts-switch-btn { display: flex; white-space: nowrap; align-items: center; font-size: 14px; color: #000000!important; border-radius: 30px; background-color: #f7f2f2; border: 3px solid #000000; padding-top: 8px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; } .t-store__parts-switch-btn.t-active { color: #000000!important; background-color: #f7f2f2; border: 3px solid #115de8!important; opacity: 100%!important; } } </style>
Код доступен только тем, кто оплатил подписку
Подписка стоит 390р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, что бы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Made on
Tilda