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