Hey @mgrp ,
Do you only want to do this on your homepage like the reference?
And what’s the image you want to use? (A light coloured image is recommended because your text is black)
Topic summary
Goal: make the Dawn theme’s homepage show a single full-screen image that “bleeds” into the header/footer (no scrolling), adapting on mobile like the reference site.
Theme limits: Built-in banner settings only offer S/M/L and don’t support a full-viewport background or section-level background image.
Proposed solution: Remove the homepage banner and add custom CSS in theme.liquid to set a fixed, cover background image on the homepage only. Instructions include updating the homepage URL selector and the image URL. Visual guidance was provided, and a lighter image was recommended due to dark logo/text.
Result: Original requester confirmed the code worked.
Follow-up issue: Another user on the latest Dawn couldn’t get it working with their CDN URL and modified the selector incorrectly. After receiving corrected code, the background applied across the entire page (including announcement bar and subsequent sections), whereas they only want the image to overlap the header and the hero area.
Status: Partially resolved. The full-page background works, but scoping the CSS to only header + hero remains open. Code snippets and screenshots are central to implementation.