在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;
}
    
}