在移动设备上按列修改Woocommerce产品

Question

我需要使用短代码修改在Wordpress页面中插入的产品，以便能够在同一行中查看多个产品（2个产品）。 Shortcodes Wordpress page

我添加了其他CSS代码，但我做对了。 Addicional CSS code

我的网站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%;
  }
}