Отображение двух столбцов товаров в мобильном представлении в woocommerce

Question

Я использую тему sshop для своего магазина woocommerce https://techcart.pk. Я хочу добавить два столбца вместо одного для всех разрешений экрана ниже 768 пикселей.Тема показывает два столбца в 768 пикселей, но на экране мобильного устройства тема показывает только один столбец продукта.Любой код CSS функции, чтобы решить эту проблему?

Answer 1

Отредактировав существующий файл style.css, вы можете проверить его на скриншоте

@media screen and (max-width: 570px)
.eq-row-col-4 .eq-col {
    width: 50%;
    float: left;
    clear: none !important;
}