Wordpress Woo commerce：手机上的两列产品间隔不正确

我正在开发一个woo商务网站，我正在使用oceanwp主题。 我试图让手机上的商店显示为两列产品。 我试过这个密码

@media screen and (max-width: 480px) {
  .woocommerce .cols-2 li.product, .woocommerce .cols-3 li.product, .woocommerce .cols-4 li.product, .woocommerce.columns-2 li.product, .woocommerce.columns-3 li.product, .woocommerce.columns-4 li.product {
    width: 48% !important;
  }
}

它起作用了，但有些页面在产品之间有间距（见下图）

我怎样才能解决这个问题

试试这个：

@media screen and (max-width: 480px) {
  .woocommerce .cols-2 li.product, .woocommerce .cols-3 li.product, .woocommerce .cols-4 li.product, .woocommerce.columns-2 li.product, .woocommerce.columns-3 li.product, .woocommerce.columns-4 li.product {
    width: 47% !important;
    float:left!important;
    min-height:295px;
  }
}

---

你能在这里给我提供网址吗？当然。www.krtc.store事实上，问题发生在三页中。主页和本页尝试添加

min height

，正如我在上述代码中添加的一样。如果我的答案解决了您的问题，请向上投票并接受我的答案