Woocommerce responsive view

Hey @jamiekeevy1

You can do this with a little bit of custom CSS code.

Go into your site’s admin Dashboard and select Appearance → Customize →?Additional CSS. In the CSS textbox on the left, add the following code:

@media screen and (max-width: 1024px) {
  .woocommerce.product-columns-5 ul.products li.product, 
  .woocommerce-page.product-columns-5 ul.products li.product {
    width: 48%;
    margin-left: 4%;
    margin-right:0;
  }

  .woocommerce.product-columns-5 ul.products li.product:nth-child(2n+1), 
  .woocommerce-page.product-columns-5 ul.products li.product:nth-child(2n+1) {
    margin-left: 0;
  }  

}

@media screen and (max-width: 768px) {
  .woocommerce.product-columns-5 ul.products li.product, .woocommerce-page.product-columns-5 ul.products li.product {
    width: 100%;
    margin: 0;
  }
}

Select “Save Changes” from the top, and your changes will be applied to your site.

@senff Thank you so much!

Thank you @senff