Hello @hipnippers,

To manage the site in responsive view replace the CSS :

@media only screen and (max-width: 767px)
{
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 48.2%;
    clear: both;
}
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 1.8% 15px 0;
    width: 23%;
}

With the CSS given below:

@media only screen and (min-width: 767px){
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 1.8% 15px 0;
    width: 23%;
	clear: none;
}
}

Or if you want to revert the columns back to 3 then you can simply remove the codes from the child theme functions.php and remove the additional CSS we have provided .

Hope this helps .

Best Regards!!

Hello @hipnippers,

Glad to help you .

If you have any issues further then please let us know .

Best Regards!!