Prestige Theme - Collection List Picture size

[DanubeEcom]

Hey!

Related to "Prestige theme",

I've spent hours of hours to solve a problem that should just work... its related to the picture zoom in collection list. It looks "fine" when you are using a small screen solution browser, but using it on a widescreen or anything bigger than 21" it gets expanded... Pictures attached. 

Latest try has been to add this code to theme.liquid;
<style>
@media screen and (min-width: 1023px) {
.main-collection, .grid__item {
min-width: 25% !important;
}
}
</style>


But unsuccessful, i've tried to identify the issue with ChatGPT as well but effortless, please help!

[topnewyork]

Hello,

Please share "Store URL"

Thanks!

[DanubeEcom]

Hey! 

https://www.bizzbox.shop/password

[DanubeEcom]

Hey!

This should do it; https://www.bizzbox.shop/

[DanubeEcom]

Hi @topnewyork were you able to find a solution?

[topnewyork]

hello, @DanubeEcom I'm not able to fine because images is looking fine and responsive on my desktop.

[LizHoang]

Hi @DanubeEcom 

Can you share with me your store URL? I will check on the issue and provide your with solution. 

Thank you.

[DanubeEcom]

Hey!

https://www.bizzbox.shop/password

[DanubeEcom]

Hey!

This should do it; https://www.bizzbox.shop/

[DanubeEcom]

Hi @LizHoang were you able to find a solution? 

[DanubeEcom]

Hi Katherine!

Yes please, or do you have the code available? 🙂

[Mehran_Ali · Accepted solution]

Hi @DanubeEcom 

You try adding this CSS:

@media(min-width:1600px){
    .shopify-section--main-collection .container {
        max-width: 1440px;
        margin: auto;
    }    
}

I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!

[DanubeEcom]

Coffee bought and the solution worked! Thank you!!!