Reply To: CSS WordPress WooThemes and Boxes!

[Soren]

I think what you’re looking for is in woocommerce-smallscreen.css, found inside woocommerce plugin folder.

@media screen and (max-width: 768px) {
  .woocommerce ul.products li.product:nth-child(2n), 
  .woocommerce-page ul.products li.product:nth-child(2n) {
    
float: right;
    clear: none!important;
  }
}

@media screen and (max-width: 768px) {
  .woocommerce ul.products li.product, 
  .woocommerce-page ul.products li.product {
    width: 48%;
    float: left;
    clear: both;
    margin: 0 0 2.992em;
  }
}

You need to overwrite them somehow in your theme stylesheet. A quick test would be to remove them from the smallscreen.css, but when going live always overwrite via your theme’s stylesheet.