我的网站在这里-
正如你所看到的,我正在使用 wordpress 和 woocommerce,并且我对产品档案的样式非常重视 - 我还在使用基于 Underscores 的自定义主题。
我想要的是一个网站,在桌面尺寸(>992 像素)时每行显示 6 个产品,在平板电脑横向显示 4 个产品,在手机尺寸显示 2 个产品。平板电脑和手机尺寸效果很好,但我无法阻止桌面视图将所有图像分流到页面左侧。
我尝试将列数更改为 6 并调整 css 以适应桌面视图,它也会弄乱平板电脑的大小。我也尝试过使用引导程序,但这似乎让事情变得更加错误!
有没有办法用 css 做我想做的事情,或者我必须以某种方式完全删除 woocommerce.php 文件中的列?
提前谢谢了!