• 

  Kay

  Participant

  August 13, 2020 at 14:46

  How do we display only one product per row on mobile devices and 3 per row for all other devices on the shop pages? On mobile products look so much better displayed as 1 product per row rather than multiple products

  #247688 Copied Theme version: .6.3.9.1 WooCommerce version: 4.3.2
  1 Answer
  

  Rose Tyler

  Support staff

  August 13, 2020 at 14:52

  Hello,

  Add the next code in Theme Options > Theme Custom CSS > Custom CSS for mobile:

  .products-grid .product {
      width: 100%;
  }

  Regards

  #247691 Copied
• Viewing 2 results - 1 through 2 (of 2 total)