Hi Tom,
Thanks for the suggestion, but the css in the thread you linked didn’t have any effect.
I tried the bellow code which made the images smaller, but still didn’t put them into 2 columns in a mobile.
@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;
}
}
Edit: Would you recommend me not using short codes for the front page and find another way to display the images?
Cheers
Richie