Product thumbnail image alignment on mobile- Turbo Theme

Store Design
1

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
image size issue.PNG1102×379 405 KB

irregular images.png
irregular images.png429×451 145 KB

2

@WegaRG

Please share your store URL.

3

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
image size issue2.png512×505 204 KB

Please let me know the possible solution

Thanks in advance!