Hi all, Just wondering if anyone can help with some code to help with these photos misaligning on desktop? It only happens on wider screens, and they realign when you make the window smaller. The photos are all the same aspect ratio etc. My theme is Prestige version 9.0.2 Website: Neilo Graders …

@toddhart you need to put the below css code into your theme.css file .collection__main .product-card .product-card__image { width: 100% !important; } Online Store > Edit Code > assets > theme.css file place the code at very bottom and hit save. Thanks

Hi Liqiud_xPert_SJ Thanks for your help with the other issue above. Are you able to help me with a similar issue on the home page? When the collection list gets too wide, the photos misalign here again. [Screenshot 2024-06-06 125800.png] Is there a way I can fix that? LMK …

@toddhart here is your code, you need to put the below css code into your theme.css file :slightly_smiling_face: .product-list .product-card .product-card__media img { width: 100% !important; } Thanks

Photos misaligning on desktop collection pages on wide screens

Store Design

Liquid_xPert_SJ June 6, 2024, 1:11am 4

Yes sure I can do that for you give me a while to write code for it. Thank you for get in touch

1 Like

Topic		Replies	Views
Make collections on desktop wider to fill the whole screen. - Dawn theme Shopify Discussion shop-performance	1	15	November 3, 2023
Products photos are changing size on collection page Store Design collection-page	2	28	June 3, 2023
Increase product grid width (desktop) - Impulse theme Store Design collection-page , css , shopify-themes	3	37	January 17, 2025
How can I make collection photos display in full width on my website? Store Design design	15	151	May 31, 2024
Collection Page Product Grid Images Alignment Store Design	8	56	September 21, 2021

Photos misaligning on desktop collection pages on wide screens

Related topics