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

Аватар пользователя gundertajlo1995@mail.ru

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

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

ВложениеРазмер
Иконка изображения bezymyannyy1.png514 КБ
Тип материала:
Версия Drupal:
0 Thanks

Лучший ответ

Аватар пользователя VasyOK
VasyOK 1 год назад

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

Комментарии

Аватар пользователя gundertajlo1995@mail.ru
gundertajlo1995... 1 год назад

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

Аватар пользователя VasyOK
VasyOK 1 год назад

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

Аватар пользователя VasyOK
VasyOK 12 месяцев назад
.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;

Аватар пользователя sas@drupal.org
sas@drupal.org 12 месяцев назад

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