[Решен] Корректное отображение блока в мобильной версии

Вс, 20/11/2016 - 19:01

Здарова, у меня проблема с блоком "Читайте также" в самом низу страницы.

Не могу сделать блок резиновым при просмотре сайта на моб. устройствах. Чтобы картинки были одна под одной, а не урезались

0 Спасибо

Лучший ответ

Аватар пользователя VasyOK
2 months 2 дня назад VasyOK #

view-similar-articles - формат вывода вьюхи - неформатированный список. (а не HTML список как сейчас)
Каждый wiews-row ширину 50% задайте.
3-й квадратик clear: left;
Медиазапросом от какой-то ширины экрана wiews-row в 100%

0 Спасибо

Комментарии

Аватар пользователя gundertajlo1995@mail.ru
2 months 2 дня назад gundertajlo1995... #

дело в том, что стоит резиновая тема но не омега

0 Спасибо
Аватар пользователя VasyOK
2 months 2 дня назад VasyOK #

view-similar-articles - формат вывода вьюхи - неформатированный список. (а не HTML список как сейчас)
Каждый wiews-row ширину 50% задайте.
3-й квадратик clear: left;
Медиазапросом от какой-то ширины экрана wiews-row в 100%

0 Спасибо
Аватар пользователя VasyOK
2 months 19 часов назад VasyOK #
.page-node #content-wrap .view-similar-articles div.views-row {  
    margin: 10px;
    width: 46%;
}

так низя (хоть и работает). или пиксели или проценты. иначе каша будет.
так что ширину 50%, a внутри views-row создайте контейнер views-row (можно с пом drupal views fieldset), а ему уже можно padding: 10px;

0 Спасибо
Аватар пользователя sas@drupal.org
1 month 4 недели назад sas@drupal.org #

Для padding не нужен дополнительный контейнер, просто используйте box-sizing: border-box;

0 Спасибо