Блог

Главная - Вопросы по программированию - Изображения, не выровненные по вертикали на экранах меньшего размера

Изображения, не выровненные по вертикали на экранах меньшего размера

#css #wordpress #woocommerce #responsive-images

#css #wordpress #woocommerce #отзывчивый-изображения

Вопрос:

Я борюсь с одной проблемой CSS на экранах меньшего размера. Я был бы очень благодарен за любую помощь.

Проблема:

https://i.stack.imgur.com/kVLpe.png

Каждый эскиз всегда должен быть в одном столбце, вот так:

https://i.stack.imgur.com/b3r2B.png

URL (только на рабочем столе — на мобильных устройствах загружен другой слайдер):

https://abirose.pl/produkt/fiore-s-silver-kolczyki-krotkie-kwiaty-z-perlami/

Заранее спасибо за любую помощь.

Комментарии:

1. Нам нужно увидеть ваш код.

2. Похоже, что вы используете slick slider. Возможно, это какой-то javascript, изменяющий его расположение на экранах меньшего размера.

3. @dantheman93 — вы были правы! Скользкий слайдер js все испортил. Спасибо за подсказку, теперь проблема устранена.

Ответ №1:

если ваша проблема в css, вы можете использовать flex-box, например:

 .flex{
  display: flex;
  flex-direction: column;
}

добавьте этот класс или стиль к вашему родительскому элементу.