Как в стилях скорректировать отображение текста PROMO блока на мобильных устройствах?

голоса: 0

Здравствуйте

Подскажите, как через стили скорректировать отображение текста в PROMO блоке на мобильных устройствах?

Хотелось бы чуть уменьшить данный текст именно при отображении на мобильных устройствах либо подтянуть его наверх чтоб не накладывались стрелки.

В ПК версии все отлично отображается, и цвет другой, значит где то есть код в стилях отвечающий за отображение данного текста на мобильных.

Заранее признателен откликнувшимся на просьбу.

Адрес сайта http://www.bettexbet.ru/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

Регулируется в стилях в строке 795:

h2.uItemSlide__heading{font-size:2rem}

| Автор:
Выбор ответа лучшим | | Автор: ADMIN BETTEX
Спасибо за отклик.Но от изменения параметра {font-size:2rem} нет никакого эффекта, как при отображении с ПК, так и с телефона. Да и смысл еще в том, что мне нужно было цвет поменять именно при мобильном отображении, он с черного на белый меняется.
ADMIN BETTEX,

В строке 724 меняется цвет:

div[class^=uItemSlide] .uSlideItemContent:not(:empty) a,div[class^=uItemSlide] .uSlideItemContent:not(:empty) h2{color:#FFF}

А чтобы размер изменился, нужно было уменьшать значение 2rem и после изменений очистить кеш в браузере. Если вы кеш не чистили, значит и изменений не увидели и вернули все как было.

Yuri_Geruk,
Большое спасибо! Помогло чуть оптимизировать отображение на мобильном.
...