Hi everyone! I’ve been trying for days to get the image banner to stretch the entirety of the page as a fixed background image (I want to use the banner so it automatically adjusts on mobile) I want my page to look like this **Reference site is aimeleondre.com [Screenshot 2024-03-30 at 11.49.38 A…

Hey @mgrp , I still recommend getting a lighter image because your logo is also black. You’d have alot more mess to clean if you use a dark image. You can remove the banner image in the homepage and add this code. Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid” …

Hi there, the only settings I can change through the customize section are making the banner S/M/L nothing about making the image fit the entire screen, I don’t know if I’m missing something but don’t see anything about setting a background image or section settings

hi there, if its achievable through code, I only need that if you’re able to give me a html/css fix

it’s possible but if few changes do you in your code That possible.

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)

yes just the home page, I don’t mind changing the text color, my main goal is having the image take up the screen for both desktop and mobile, I plan on hiding the footer and moving all of those nav links into the main nav so there is nothing but the image and top menus like the reference site

OMG THANK YOU!!! ive been trying so many things all day!!! I can’t thank you enough!

Hi! I tried your solution on my website to have the image banner overlap onto the menu header and for some reason it’s not working. Latest dawn theme, the initial cdn URL structure of the file was different from the admin. I tried your code with it with no luck, so I modified it to use yours but ne…

Hey thanks for coming back to me with a solution! Something seems a bit off :confused: It bleeds through the whole page. I just wanted to include header & whatever is for the hero image. Right now it has become a background for everything - product, images with text, announcement bar included. Plea…

Image banner size for DAWN them to bleed into header and footer

Store Design

ThePrimeWeb October 15, 2024, 4:32pm 10

Your modified code is wrong @TheRitualThief ,

Use this,

Topic		Replies	Views
Make image banner fixed to full screen regardless of display size Store Design design , customizations , css	7	496	December 10, 2025
How can I adjust the size of my mobile image banner on Dawn theme? Store Design css	16	147	October 12, 2023
Full screen mobile banner Store Design design , header , customizations , landing-page , troubleshooting	3	52	October 19, 2024
Add image to header background on Dawn theme Shopify Discussion troubleshooting	6	234	January 18, 2025
How to move image banner behind Header (Dawn theme) Store Design design	32	421	October 15, 2025

Image banner size for DAWN them to bleed into header and footer

Related topics