Css 在手机上以两行显示产品-Woocommerce

我有一家Woocommerce商店，我想在手机上的两个栏目中展示产品（现在在一个栏目中）

我的店铺是：

我试过：

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

---

但它们不会显示在同一行中。

更新css下面的内容。到期保证金填充

48.3%

wan不起作用。您还需要

清除：无

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