在移动设备上以 2 行显示产品 - Woocommerce

Question

我有一家 Woocommerce 商店，我想在移动设备上分两列展示产品（现在是一列）

我的店铺是：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;
  }
}