• 

  Kelly

  Participant

  December 1, 2017 at 09:12

  Hi,
  I am using the default setting for shop page (Setting done in theme option only).
  On desktop or laptop it show 3 column of product per row.

  But in mobile devices, it show 2 column. How to make it show only 1 column per row on mobile devices?

  Thank you.

  Please, contact administrator
  for this information.

  #179077 Copied
  3 Answers
  

  Rose Tyler

  Support staff

  December 1, 2017 at 09:34

  Hello,

  You may add this code in Theme Options > Styling > Custom css > Custom css for mobile:

  .shop-full-width .products-grid.row-count-2 .product, 
  .shop-full-width .products-grid.row-count-3 .product, 
  .shop-full-width .products-grid.row-count-4 .product, 
  .shop-full-width .products-grid.row-count-5 .product, 
  .shop-full-width .products-grid.row-count-6 .product {
  	width: 100%;
  }
  

  Regards

  #179080 Copied
  

  Kelly

  Participant

  December 1, 2017 at 14:38

  Thank you! It works.

  #179127 Copied
  

  Rose Tyler

  Support staff

  December 1, 2017 at 14:57

  You’re welcome!

  Regards

  #179131 Copied
• Viewing 4 results - 1 through 4 (of 4 total)