Home › Forums › Support › Product images on frontpage not responsive like before › Reply To: Product images on frontpage not responsive like before
June 1, 2016 at 11:53 pm
#198782
Tom
Lead Developer
Lead Developer
After a few requests I decided to make the WooCommerce columns 100% wide on mobile devices – they were 50% before.
It looks for most, but doesn’t look like it’s works for your images.
You can revert back to two columns with this code:
@media (max-width: 768px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce-page[class*=columns-] ul.products li.product,
.woocommerce[class*=columns-] ul.products li.product {
width: 48%;
float: left;
clear: both;
margin: 0 1% 2.992em;
}
}
Adding CSS: https://generatepress.com/knowledgebase/adding-css/
Let me know if you need more info 🙂
- This reply was modified 7 years, 10 months ago by Tom.
- This reply was modified 7 years, 10 months ago by Tom.