The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS WordPress WooThemes and Boxes! Reply To: CSS WordPress WooThemes and Boxes!


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.