Узнать стоимость проекта

Код помогает выровнять ширину всплывающей подсказки в Тильда для мобильной версии

Центрируем tooltip сообщение Тильда в мобильной версии

Инструкция

Добавьте "Tooltip" в редакторе вашего зеро-блок на страницу
Вставьте код в блок "Другое" - Т123 в подвал вашего сайта
В случае если всегда бесит что Tooltip улетает в сторону или обрезается.
Код скопирован
Код для вставки:
Код написан на коленке, используйте осторожно. Не оказываем поддержку и доработку модификаций!
<!-- Центрируем tooltip сообщение Тильда в мобильной версии | youx.agency -->
<!-- https://youx.agency/czentriruem-tooltip-soobshhenie-tilda -->

<style>
@media screen and (max-width: 480px) {
    .t396__tooltip-portal .tn-atom__tip {
        /* Прижимаем к левому краю с отступом 20px */
        left: 20px !important;
        
        /* Растягиваем так, чтобы справа тоже осталось 20px (100% - 20px слева - 20px справа) */
        width: calc(100vw - 40px) !important;
        
        /* Убираем трансформации, которые мы пробовали для центрирования */
        transform: none !important;
        
        /* Чтобы окно не схлопнулось, если контента мало */
        box-sizing: border-box !important;
        
        /* Если окно должно висеть на одном месте при скролле, можно добавить: */
        /* position: fixed !important; */
    }
}
</style>

Другие модификации

Made on
Tilda