Product Page Images are to Big in Horizon Theme

[NjordVentura]

My Product Images are way to big on desktop. As you can see on screen dump the image expands below fold. On any other devices than desktop it works fine.

I have already tried with som ecustom CSS to override the system ratio, but my CSS has no impact.

Anyone ??

Desktop

Mobile

[namphan]

Hi @NjordVentura,

Please go to Customize > Theme settings > Custom CSS and add code:

@media screen and (width >= 750px) {
    .product-information__grid:not(:has(.product-information__media:empty)).product-information--media-left {
        grid-template-columns: 1fr 1fr;
    }
}

[NjordVentura]

Thx Namphan ... but this will only change the grid propositions. As you can see belov the image is now "in screen" but the right coloum with desription gets weidder and weider. Im looking more for at an image aspect ratio change.

[Denishamakwana]

Hi,

Good morning,

Welcome to the shopify ,

Please share your store URL and if your store is password protected then also provide password too.
Thank you.