Shop only showing 2 columns

Not from WooCommerce here, just maybe a quick push in the right direction:

You got

.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 48%;
    float: left;
    clear: both;
    margin: 0 0 2.992em;
}

in https://filtrationsolutions.co.nz/wp-content/cache/minify/39fe7.css
Is what pushes it to be 2 columns.

if you remove that, it ends up at 4 columns as you have

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0;
}

in apparently the same css file.

If that css outside of cache/minify has the same lines (with class*=columns- being mentioned) it could be worth disabling the caching plugin to see if the issue remains.

Can’t say that’s where the issue lies, but sort of feels like it to me.
Don’t have such issues myself with WooCommerce, so unable to test myself.

Hi there,
@tlouwet is perfectly correct that this is an issue caused by CSS on your site which most likely comes from your theme.
Please change the theme to a default such as TwentyNineteen or [Storefront](https://woocommerce.com/storefront/) (which is a free theme from WooCommerce.com) and test to see if that solves the issue.
If it does then the CSS resides in your theme and you can override it by adding the following to your Additional CSS field in your Customiser:

.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 22.05%;
clear: none;
margin: 0 3.8% 2.992em 0;
}

I would also recommend that you disable minification of CSS files in Minify as this can cause issues like this due to the way that it combines your various CSS files. The order that the browser reads CSS files is important and minification, which includes combining the files, can result in the order of influence getting disrupted.

I hope that helps you to figure it out.
Feel free to get back to us if you have further questions.

Hi there,

I hope you found the previous reply helpful. We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.