Product thumbnail image alignment on mobile- Turbo Theme

18 0 11

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

Replies 2 (2)

Shopify Partner
12320 2551 3711


Please share your store URL.

If helpful then please Like and Accept Solution | Email: |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
18 0 11

Hi There, 

Thanks so much for your response. My web url is 

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!