产品类别网格中的随机间隙（WooCommerce）

Question

我有一个 WooCommerce 网站，在移动设备上，我们在产品类别页面上出现奇怪的空白区域。不过在其他存档页面上似乎没问题。

我认为它可能与产品标题上的行数有关，但我不明白为什么会破坏它，或者为什么它不会影响其他页面。

我已经在浏览器上进入开发者模式（移动）并尝试了一些方法 - 如果我将产品标题减少到两行（与同一行中的其他产品相同），它可以弥补差距。或者，当我将 clear:both 添加到某些产品 div 时，它有助于修复它。

会不会是模板没有指定行？

可以在移动设备上查看问题示例：https://fusionworkwear.ie/product-category/softshelljackets/

我在这个问题上已经走到了尽头，所以任何帮助都会非常感激不尽。

Answer 1

将类名 product-title 的 min-height 设置为 48px 这是我设置 min-height 时您网站的屏幕截图，

但是，仍然会在标题下添加空格。或者，您可以将此代码添加到您的 css 文件中。

.row.products div:nth-child(4n+1) {
   clear: left;
}

有效！