Начать новую тему

Блок "выгода и гарантии". Оптимизация для мобильных устройств. Как?

 Добрый день! Подскажите как оптимизировать элементы блока "выгода и гарантии" для просмотра на мобильных устройствах ( с вертикальной ориентацией). Хочется, чтобы каждый элемент был на ширину экрана.

Что я пробовал:

добавил css-правило:

----

@media only handheld and (orientation: landscape) {
li.ty-benefits-guarantees__item {
width: 100%;
}
}

----

Но не помогло. Видимо что-то делаю не так.

Заранее спасибо!

png
(79.9 KB)

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


Вы сделали почти все верно. Для того чтобы решить этот вопрос, мы изменили ваше CSS-правило на следующее:

  

@media screen and (max-width: 980px) {
    li.ty-benefits-guarantees__item {
            width: 100%;
            margin-bottom:10px;
    }
}

 

Пожалуйста, проверьте полученный результат.


Спасибо. 

Добрый день, Анастасия!
Да. Вышло так, как нужно.
Спасибо за помощь!

 

Я была рада вам помочь!

imageДобрый день! Как убрать вот эту синию плашку с мобильной версии сайта.

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


Мы ответили вам в соответствующем топике на Форуме. Убедительно просим вас не дублировать ваши запросы.


Спасибо.


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