WooCommerce - products per row not correct

Hello

I am using GeneratePress on a client site and after loading up WooCommerce we cannot get the row per columns to show 4.

We have checked the customiser settings in GeneratePress and it is 4 for desktop, 1 for mobile. However, when we check the page on desktop it is showing 1 per row. For some reason both 'wc-columns-4' and 'wc-mobile-columns-1' when I check the source code.

How do I get it to stop calling up the 'wc-mobile-columns-1' on desktop?

We have also tried forcing the products per row by adding PHP to the functions.php file;
// Change number or products per row to 3
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
function loop_columns() {
return 3; // 3 products per row
}
}

This did not also work. I tried emptying caches in WordPress and browser.

The page in question is - https://watchtechnicians.com/watch-technicians-online-watch-shop/

Any help you could give and point us in the right direction would be greatly appreciated.

Thanks,
James