Как вывести 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 соответственно.

Вам помог ответ?
Похожие вопросы
Как на мобильном "Меню в шапке" вывести под "Меню под шапкой"?
+9
Не работает встроенный лайтбокс
+9
Как вывести виджет анонсов записей с миниатюрами?
+8
Как добавить или изменить шрифт в теме
+7
Почему не импортируется/дублируется демо-контент?
+7
Как изменить цвет заголовка записи\страницы?
+7
Как вывести подменю в 2 колонки?
+7
Как изменить адрес страницы, с которой было отправлено сообщение?
+5
Как вывести содержание поста (оглавление)?
+5
Как изменить карточки постов на главной странице?
+5
Как добавить фавикон?
+48
Как задать фоновую картинку для шапки?
+4
Как добавить рекламный код между карточками постов?
+4
Текст без переносов и/или выходит за границы
+4
Почему не отображаются иконки на профили в социальных сетях?
+4
Как включить комментарии на страницах?
+4
Как вывести ссылки на профили социальных сетей в шапке сайта?
+4
Как закрыть от индексации страницы пагинации?
+4
Какие иконки есть в шаблонах?
+4
Как в встроенную форму обратной связи добавить защиту от спама?
+31