Here’s what I see on my end now:
https://share.getcloudapp.com/Wnul76Xl
When the site had the 50% on mobile issue, it was using this:
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
width: 50%;
}
Which was saved within the cache.
Now it’s using this:
media="(max-width: 768px)"
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
width: 100%;
}
From generate-woocommerce-mobile-css
from the plugin’s .../wp-content/plugins/gp-premium/woocommerce/functions/css/woocommerce-mobile.min.css
.
This means the caching plugin is messing up how WooCommerce’s CSS works.