Показать продукты в 2 ряда на мобильном телефоне - Woocommerce

Question

У меня есть магазин Woocommerce, и я хочу показывать товары в 2 колонках на мобильном (сейчас в одной колонке)

Мой магазин: https://adidog.pl

Я пробовал с:

@media only screen and (max-width: 540px) {
 .cmsmasters_products.columns-3 .product
{
    width: 48.3%;
    float: left;
}
}

но они не отображаются в одной строке.

Answer 1

Обновление ниже css. Из-за отступа поля 48.3% не сработает. также вам нужно clear:none;

@media only screen and (max-width: 540px) {
  .cmsmasters_products.columns-3 .product {
    width: 46%;
    float: left;
    clear: none !important;
  }
}