How can I make my banner fill the entire screen in preview mode?

Topic summary

Problem: A banner image that fits perfectly at 16:9 in the Shopify editor appears cropped in preview mode, with roughly one-third cut off.

Details:

  • In the editor, the image fills the screen as intended (16:9 aspect ratio).
  • In preview mode, the banner does not fill the screen and is partially truncated.
  • A screenshot is attached illustrating the issue; no code or theme details provided.

Request: Guidance on making the banner fill the entire screen in preview, matching the editor’s display.

Status: No solutions or responses yet; the question remains open and unresolved.

Summarized with AI on January 25. AI used: gpt-5.

Hello, in the editor, the image has the desired size of 16:9 and fills the screen exactly, but when i go to preview, 1/3 of the banner is cut off. How is it possible to have the banner fill the entire screen when previewing?
Best regards