css - 在 woocommerce 的移动 View 中显示两列产品

Question

我正在为我的 woocommerce 商店使用 sshop 主题 https://techcart.pk .我想为所有低于 768 像素的屏幕分辨率添加两列而不是一列。主题在 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;
}