Forums

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!

#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.