Home › Forums › CSS › CSS WordPress WooThemes and Boxes! › Reply To: CSS WordPress WooThemes and Boxes!
September 11, 2014 at 7:53 am
#182620
zigvt85
Participant
I know I should not double post but this is saying thank you! This has fixed my problem this is how I made the code work for future uses.
@media screen and (max-width: 768px) {
.woocommerce ul.products li.product:nth-child(2n),
.woocommerce-page ul.products li.product:nth-child(2n) {
float: left!important;
clear: none!important;
}
}
@media screen and (max-width: 768px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 185px!important;
float: left!important;
clear: none!important;
margin: 0px 0 8px 8px!important;
}
}
I just added !important and basically duplicated my box code and instead of clear: both; i changed it to clear:none; it seems to work now! Again thanks for the help.