My image banner for this particular picture isn’t full screen. I am using the dawn theme. Any help will be most appreciated!
Topic summary
Issue: A homepage banner in the Dawn theme shows space at the sides and doesn’t appear full-width.
Key updates:
- After the store link was shared, the cause was identified as whitespace within the uploaded image itself (not a theme/layout issue). An annotated screenshot highlighted the extra margins. The recommended fix is to crop the image to remove side whitespace and re-upload.
- The original poster acknowledged this guidance with thanks.
Alternative suggestion:
- A later tip proposed adding custom CSS in base.css to force banner height: .banner { height: 288vh !important; } via Online Store → Theme → Edit code. This suggestion was not confirmed by the original poster.
Status:
- The practical resolution appears to be cropping the image. No further issues or confirmations were reported after the CSS suggestion.
Notes:
- Images (screenshots with highlighted areas) were central to diagnosing the issue.
Share Preview Link
Hey @torisamorgan ,
Can you share the link to your store please? Thanks!
Hey @torisamorgan ,
It’s actually your image that has whitespace on the side. You should put crop it out (The blue highlight)
ok, thank you very much
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
.banner {
height: 288vh !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly