在 woocommerce 的移动视图中每行显示 1 个产品

Question

我已将移动产品页面设置为 1 行。所以所有的产品都在下面。

然而事实并非如此。我仍然在响应式移动视图中看到 2 行：

https://fermultimedia.com/shop/

我正在使用 woocommerce astra 和 elementor pro

请求帮助。我似乎无法弄清楚为什么会这样。

Answer 1

这个 CSS 将解决您的问题：

@media (max-width: 767px){
    
.elementor-element.elementor-products-grid ul.products{ 
    display:inline !important; 
}
    
.elementor-element .elementor-wc-products .woocommerce[class*=columns-] ul.products li.product { 
margin: 20px !important;
}
    
}