Home › Forums › CSS › CSS WordPress WooThemes and Boxes! › Reply To: CSS WordPress WooThemes and Boxes!
September 10, 2014 at 8:15 pm
#182572
Soren
Participant
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.