Mobile view

[TotalAssetINT]

Hi Experts,
I am having some issue on the product page of mobile version (maybe in desktop version too but its not noticeable ). In mobile version its got large white spaces in between product images. Please suggest a solution .

https://thewoodenpuzzles.com/collections/animal-puzzles/products/wooden-fox-puzzles-for-adults-and-c... 

Thank you. 

[suyash1]

@TotalAssetINT - add following css to the end of theme.css file and check

@media only screen and (max-width: 749px){
.product-single__thumbnails-item-slide {height: auto;}
.product-single__thumbnails-item-slide {height: auto;}
}

[suyash1]

@TotalAssetINT - It will look like this

[TotalAssetINT]

Hi @suyash1Thanks a lot for taking time to reply me. Its partially solved the problem, but I still having this large space on selected product photo, It even on the desktop version too. That would be great if you can suggest something for it.

[suyash1]

@TotalAssetINT I do not see my code on browser which means it might not been applied

[suyash1]

@TotalAssetINT - oh I am really sorry, it was my mistake, I gave you wrong code, please remove previous and add this

.product-single__thumbnails-item-slide {height: auto;}
.product-single__media{height: auto;}

[TotalAssetINT]

Hi @suyash1 I applied it here, please let me know if  applied it in wrong place.
Thanks 

[suyash1 · Accepted solution]

@TotalAssetINT - you applied correctly, I had given you wrong code by mistake, please apply the updated code in previous message. sorry for this trouble.

[TotalAssetINT]

Yeah it worked, Thanks a lot you are a genius...!

[suyash1]

welcome, please like message and accept as solution.