在woocommerce中的移动视图上显示两列产品

Question

我正在为woocommerce商店https://techcart.pk使用sshop主题。我想为所有低于768px的屏幕分辨率添加两列而不是一列。主题以768px显示两列，但在手机屏幕上，主题仅显示一列产品。任何解决此问题的CSS代码？

Answer 1

通过在现有style.css中进行编辑，您可以检查此屏幕截图

@media screen and (max-width: 570px)
.eq-row-col-4 .eq-col {
    width: 50%;
    float: left;
    clear: none !important;
}