Single Product Image Issue

When I have a product page with one product photo, the sizing gets messed up and pushes the product detail tabs far down the page. When I have more than one product image, everything is fine. I’ve attached screenshots to better describe what I’m talking about.

Product examples I used in the screenshots:
https://www.walnutharbor.com/product/gregory-planter-set/
https://www.walnutharbor.com/product/alden-planters/

Thanks for your help!

Attachments:

You must be logged in to view attached files.

Hi,

It happens because products without additional images don’t have a carousel with thumbnails on the left side. It makes the main image much bigger to fit all free space and look clear.

Regards

Is there any css code I can use to keep in the same size?

Thanks for your reply

How exactly do you want to keep it as the same size? Could you please prepare some screenshot for better understanding?

I want the single product image to be the same size as if it had additional images. See screenshot.

Here’s the screenshot.

Attachments:

You must be logged in to view attached files.

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.woocommerce-product-gallery__wrapper {
	max-width:400px;
  margin-left:auto;  
  margin-left:auto;

}

PERFECT! That worked. Thank you so much!

You are welcome!

[Author]

Posts