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

Question

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

我的网站网址是 -> URL

我尝试了下面的 CSS:

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

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