css - 在 woocommerce 的移动 View 中每行显示 2 个产品

标签 css wordpress woocommerce

我有一个 woocommerce 网站,我想在 shope 页面和 home 页面上每行显示 2 个产品屏幕。现在写它每行只显示 1 个产品。网站链接www.obscot.com

最佳答案

你需要在你的 style.css 中用 CSS 定义你的移动宽度并且需要添加这样的规则

  @media(max-width:767px){
  .entry-content .products li {
  float: left;
  width: 50%;
  }
  }

它看起来像这样 http://prntscr.com/f2uiq2 谢谢

关于css - 在 woocommerce 的移动 View 中每行显示 2 个产品,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43717951/

相关文章:

php - MySQL 查询以更改 WooCommerce 中的可变产品价格

wordpress - 我在 wordpress admin > woocommerce > settings > checkout 中使用 Woocommerce 订阅时突然出现 fatal error

CSS 条件 h2 文本

javascript - 可滚动时隐藏水平滚动条

javascript - 自动滚动 (aos) 不会在 Wordpress 中加载

css - 在 Wordpress 中设置事件链接样式

jquery - 如何将一个 div 放置在另一个 div 的右侧,但又不占用空间?

css - 相对于其父 div 的固定位置层 (div)(溢出 :auto)

php - 在没有插件内联的情况下保留 WordPress 相关帖子

mysql - 在 WooCommerce 中检查 product_type 的 SQL 查询