Woocommerce shortcodes won't display as a grid

Hi guys, loving this theme - got an issue, when using the following shortcode to show 4 columns (works on other themes) it just shows one after the other in a list, i 've tried all sorts to get this working, can anyone help?

The shortcode is:
[product_category category=“desktops” per_page=“12” columns=“4” orderby=“default” order=“asc” operator=“in”]

The site is:

Kind regards

Hi,

Thank you for contactig us. I am happy to help with your queries.

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 769px) {
    	 .woocommerce.columns-4 ul.products.columns-4 li.product.clearfix {
    		 clear: none !important;
    	}
    	 .woocommerce.columns-4 ul.products.columns-4 li.product {
    		 width: 25% !important;
    	}
    }

Regards,
Kharis
aThemes Support

Thanks ever so much that is fixed!

Not sure if it’s because of this now though but it doesn’t work very well responsive anymore, on iphone it doesn’t squeeze down enough and you have to scroll. See here:

It seems to look ok in landscape but not portrait?