Product thumbnail image alignment on mobile- Turbo Theme

WegaRG
Tourist
11 0 5

Hi All, 

I want to align the product thumbnail images on mobile view. I am using turbo theme. I have products with different aspect ratio and wanted to have them in a square shape on a collection page. On desktop, turbo theme's internal feature (align product image height) works fine but on mobile the image's height does not adjust. I would highly appreciate any suggestions or input. 

image size issue.PNG

irregular images.png

dmwwebartisan
Shopify Partner
8570 2008 2711

@WegaRG 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
WegaRG
Tourist
11 0 5

Hi There, 

Thanks so much for your response. My web url is www.eccentricyou.com 

Also, I tried to add a code to the end of styles.scss.liquid file ( @media only screen and (max-width: 767px) {

.thumbnail { height: 150px; }
}

but it messes up with margins and product titles cannot be seen (as seen in the below image) 

 

image size issue2.png

 

Please let me know the possible solution 

Thanks in advance! 

0 Likes