Product thumbnail image alignment on mobile- Turbo Theme

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

Shopify Partner
8570 2008 2711


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 | Bag is a cart drawer that maximizes your sales. View app →
11 0 5

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!