在1列中更改手机的显示产品

Question

我的网站适用于手机，但在2栏中显示产品。 我可以在1列中更改手机的显示吗？ 这是working website 这是my test website 在WordPress和WooCommerce上工作的网站 可能有人知道这种变化如何？

Answer 1

只需添加一点css即可调整产品li元素的宽度。像这样：

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

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