在1列中更改电话的显示产品

Question

我的网站适用于电话，但在2列中显示产品。我可以在1列中更改电话的显示吗？这是有效的网站这是我的测试网站在WordPress和WooCommerce上工作的网站可能有人知道这种变化是如何变化的？

Answer 1

只需添加一点CSS即可调整LI LI元素的宽度。这样的东西：

@media screen and (max-width: 1024px) {
    ul.products li.product {
        width: 96%;
    }
}

这将使其一列对于任何小于1024像素宽的屏幕。您可以根据需要将该数字调整为仅影响较小的屏幕尺寸。