Question

如何更改css以在移动模式下显示两个产品？我的网站是用wordpress CMS设计的，主题是aloshop，我使用7up-theme插件来展示畅销产品以及最新和最受欢迎的产品。但是什么时候是移动模式，每列只显示一个产品。我可以更改它以在移动模式下显示每列两个产品吗？

我的网站网址是 - ＆gt; URL

我在下面尝试过CSS：

＆＃13;

@media(max-width:960px){
 .tab-content {
  width:50%;
  float:left; 
  }
  }

＆＃13;

Answer 1

像这样改变你的js

 var owl = $("#owl-demo");

 owl.owlCarousel({
  items : 10, //10 items above 1000px browser width
  itemsDesktop : [1000,4], //4 items between 1000px and 901px
  itemsDesktopSmall : [900,3], // betweem 900px and 601px
  itemsTablet: [600,2], //2 items between 600 and 0
  itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
});

参考：http://www.landmarkmlp.com/js-plugin/owl.carousel/demos/custom.html

如何更改css以在移动模式下显示两个产品？

1 个答案: