GP 1.4 Woocommerce responsive columns

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

What page are you using the shortcodes on?

Your actual product categories in the menu are working as expected.

Hi Tom,

Originally was using Woo short codes on the home page.
I've spent today redoing the home page so now there's no short codes.

Used Elementor to redesign it so now 2 columns appear on a mobile.

Thanks mate

Richie

Awesome :)