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

Для вывода двух колонок в мобильной версии нужно во Внешний вид – Настроить – Дополнительные стили добавить такой код

@media (max-width: 768px) {
    .shop-grid--columns-4 .product-category,
    .shop-grid--columns-4 .shop-item:not(.shop-item--type-small) {
        width: 50%
    }
}

это для настроек по умолчанию, т.е. когда настроен показ в 4 колонки, если же указано 3, то класс .shop-grid--columns-4 нужно заменить на .shop-grid--columns-3 соответственно.

Вам помог ответ?
Похожие вопросы
Как в содержании исключить ненужные заголовки?
+8
Как вывести встроенную форму подписки?
+6
Почему не показывается количество просмотров?
+6
Что означает ошибка publisher в микроразметке?
+6
Какой хостинг подходит для хороших результатов в PageSpeed?
+6
Как в встроенную форму обратной связи добавить защиту от спама?
+5
Как вывести виджеты в подвале сайта?
+5
Как изменить цвет активного пункта меню?
+4
Как изменить поля формы обратной связи?
+4
Как вывести виджет анонсов записей с миниатюрами?
+4
Как вывести рекламу на страницах?
+4
Текст без переносов и/или выходит за границы
+4
Как выровнять меню под шапкой по центру?
+4
Не работает встроенный лайтбокс
+4
Как изменить цвет заголовка записи\страницы?
+3
Как добавить ссылки на предыдущую/следующую запись на странице записи?
+3
Как добавить или изменить шрифт в теме
+2
Ошибки валидации в шаблонах
+2
Поддерживает ли тема английский язык?
+2
Как вывести содержание поста (оглавление)?
+2