Product thumbnail image alignment on mobile- Turbo Theme

[WegaRG]

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. 

[dmwwebartisan]

@WegaRG 

Please share your store URL.

[WegaRG]

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) 

Please let me know the possible solution 

Thanks in advance!