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

Question

我有一家Woocommerce商店，我想在移动设备上的2列中显示产品（现在在1列中）

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