我想在移动视图woocommerce上有两个产品

Question

我的网站是：https://zaariya.com/

我希望在移动视图中显示两个产品，并且我尝试了每件事都只在media@(max-width:481)中显示两个产品。

当我将其变成481时，它会显示一个。

我想在手机上展示两种产品，请帮帮我。

我尝试更改g product-inner的css，但没有任何反应。

我已经搜索了互联网并放置了其他CSS，但这对我不起作用。

我从主题森林购买了这个主题。

Answer 1

检查：

@media screen and (max-width: 640px) {
    .columns-4 .card-item {
      width: 50% !important;
    }
}

我会得到这样的东西：