I have a premium theme called "Labomba" and been playing around with it for quite some time as I'm building it for someone and now I'm reaching the end which I just need to sort out this issue.
The majority of this page with the issue is standardised WooCommerce as you'll probably work out.
The thumbnails on the main image float to the right on this layout but I'm aiming to have them go underneath but I'll tried various CSS elements here and there in the main div they situate in. I managed to get them underneath, but as you'll see, it's just a mess and I've seen using inline-block may help but I've tried this as well to some extent.
I've also tried playing around with the resolution of the image to see if this can sort the issue a little more but proving not to be the case.
Overall the main image is perfectly fine, it's just the thumbnails that are ruined both desktop and mobile.
I've even resorted to looking into a handful of plugins which some override the main image & thumbnails but although it may override the layout and thumbnail, it just looks completely different unfortunately. I'm just looking for a fresh out the box main image and thumbnail from woocommerce, whilst keeping this theme.
Wireframe of theme layout for this page: http://postimg.org/image/ec6k0zcgb/
Link of an example product to look at: http://126.96.36.199/~cewp/product/concrete-drawing-sonnet-for-silence/
Any more information you need from me, let me know. I'll assume you'll rely on inspect element for a quick test, if you need to know files in a certain directory, also let me know.
Thanks for taking the time to try and suss this out for me.