hi, I can’t seem to mantain the size of my images in the collection pages. They have borders depending on the screensize, can I make them responsive so they mantain the original proportions? Here they look ok [Captura de pantalla 2021-12-04 a las 8.51.30.png] but in full screen they look like t…

@Gerardlopez Sorry you are facing this issue, it would be my pleasure to help you. your store password protect, can you please share us , I will check out the issue and provide you a solution here.

the password is uyupri thanks!! gerard x

@Gerardlopez thanks for URL please try this code. Go to Online Store->Theme->Edit code Asset->/theme.scss.liquid->paste below code at the bottom of the file. .product--wrapper {max-width: 100% !important;} .product--image {max-width: 100% !important; max-height: 100% !important;}

hi! it’s still happening as soon as we change the screen size [Captura de pantalla 2021-12-08 a las 16.10.13.png]

@KetanKumar is it possible to fix it? Thank you!

How can I make image sizes responsive on collection pages?

Store Design

Gerardlopez December 8, 2021, 3:11pm 5

hi!

it’s still happening as soon as we change the screen size

Topic		Replies	Views
How can I adjust the size of my collection list images on my site? Store Design design , collection-page	6	127	November 25, 2022
Simple Theme: Make Images all the same size on collection pages and product page Store Design	55	475	April 19, 2024
How can I adjust the size of collection images on my webpage? Store Design design	8	92	November 27, 2022
Product Image in my Collection Page Size Too Big Store Design design , collection-page , css , shopify-themes	4	97	September 22, 2023
resize all product images in the same size Store Design design , customizations , collection-page , css , troubleshooting	1	31	May 12, 2023

How can I make image sizes responsive on collection pages?

Related topics