Product Page Images are to Big in Horizon Theme

Store Design
, ,

Topic summary

A user reports that product images on their Shopify store using the Horizon theme are excessively large on desktop, extending below the fold, while mobile display works correctly. Custom CSS attempts to override the aspect ratio have been unsuccessful.

Proposed Solutions:

  • One responder suggested CSS code to adjust the grid layout from unequal columns to a 1:1 ratio (1fr 1fr) on desktop screens.
  • The original poster tested this solution but found it only changed grid proportions rather than image aspect ratio—the image now fits within the viewport, but the description column becomes disproportionately wide.

Current Status:

  • The issue remains unresolved. The user is specifically seeking a way to modify the image aspect ratio rather than just grid proportions.
  • Another responder requested the store URL and password to provide more targeted assistance, but no response has been provided yet.

Screenshots demonstrate the desktop overflow issue and the result after applying the initial CSS fix.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

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

NjordVentura_0-1750076409813.png
NjordVentura_0-1750076409813.png2411Ă—1923 391 KB

Mobile

NjordVentura_1-1750076534061.png
NjordVentura_1-1750076534061.png785Ă—1867 189 KB

1 Like
2

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;
    }
}
3

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.

4

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.

NjordVentura_0-1750163027097.png
NjordVentura_0-1750163027097.png2607Ă—1541 344 KB