Модифицируйте продукты Woocommerce по столбцам на мобильных устройствах.

Question

Мне нужно изменить продукты, вставленные на страницу Wordpress, используя шорткоды, чтобы иметь возможность просматривать более одного продукта (2 продукта) в одной строке. Шорткоды WordPress page

Я добавил дополнительный CSS код, но не могу понять его правильно. Addicional CSS код

Мой сайт ebregrow.com

Это код, который я пробовал:

@media only screen and (max-width: 768px) {
 .products {
     width: 50%;
 }
}

Спасибо.

Answer 1

Я наконец-то смог решить эту проблему с помощью этого кода:

@media (max-width: 767px) {
  div.woocommerce ul.products li.product {
    flex-basis: 50%;
    max-width: 50%;
  }
}