Photos misaligning on desktop collection pages on wide screens

[toddhart]

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 | Unprecedented Precision

Would appreciate any assistance or direction 🙂

[Liquid_xPert_SJ · Accepted solution]

@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

[Liquid_xPert_SJ · Accepted solution]

@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

[toddhart]

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.

Is there a way I can fix that?

LMK 🙂

[Liquid_xPert_SJ]

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

[Liquid_xPert_SJ · Accepted solution]

@toddhart 

here is your code, you need to put the below css code into your theme.css file

🙂

.product-list .product-card .product-card__media img {
	width: 100% !important;
}

Thanks