Mobile view

Solved
TotalAssetINT
Tourist
4 0 0

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.Capture.JPGCapture1.JPG 

0 Likes
suyash1
Shopify Partner
1995 205 304

@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;}
}
you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
suyash1
Shopify Partner
1995 205 304

@TotalAssetINT - It will look like this

 

suyash1_0-1613219904165.png

 

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
TotalAssetINT
Tourist
4 0 0

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.

Capture3.JPGCapture4.JPGCapture5.JPG

0 Likes
suyash1
Shopify Partner
1995 205 304

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

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes
suyash1
Shopify Partner
1995 205 304

@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;}

 

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes
TotalAssetINT
Tourist
4 0 0

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

0 Likes
suyash1
Shopify Partner
1995 205 304

This is an 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.

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
TotalAssetINT
Tourist
4 0 0

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

0 Likes
suyash1
Shopify Partner
1995 205 304
welcome, please like message and accept as solution.
you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes