@BRomplat

Проблема с отображением колонок товара на мобильном, как исправить?

Есть проблема отображения товара на главной странице и в каталоге на мобильных устройствах. В настройках темы выставляю 2 колонки на мобильном, а отображается только одна.
60769f3d6b26d593338140.png
Если ставить 1 колонку, то она в полный размер ставится.
60769f6e35aaf586591528.png
Если ставить 3 колонки на мобильном, то показывается 2, но они не посередине а слева. Подобно как и в случае с 2мя колонками правую что-то смещает. Подобная ситуация дублируется на главной странице.
6076a05aea7f8734621730.png
Единственное место где всё корректно отображается, это карточка товара - раздел "Похожие товары"
6076a050bfa3f303864032.png
Тема Astra.
Не могу понять в чём проблема, нашёл вариант с исправлением файла \wp-content\plugins\woocommerce\assets\css\woocommerce-smallscreen.css
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 100%; (по умолчанию стоит 48%)
} из этой темы. Но у меня по умолчанию стоит 100%6076a18f460bb112478732.png
Ссылка на сайт
Нужно сделать так, чтобы отображались 2 колонки на мобильном по центру и выровнено по ширине, как на скрине.
6076a26906792612475175.png
Понимаю, что скорее что-то где-то конфликтует, но что конкретно и где не могу понять.
  • Вопрос задан
  • 44 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы