Prestige Theme - Collection List Picture size

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;

@media screen and (min-width: 1023px) { .main-collection, .grid__item { min-width: 25% !important; } }

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

Hello,

Please share “Store URL”

Thanks!

Hi @DanubeEcom

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

Thank you.

Hey!

https://www.bizzbox.shop/password

Hey!

https://www.bizzbox.shop/password

Hey!

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

Hey!

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

Hi Katherine!

Yes please, or do you have the code available? :slightly_smiling_face:

Hi @topnewyork were you able to find a solution?

Hi @LizHoang were you able to find a 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!

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

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

1 Like