Image banner full width (encompasses header & footer)

Hello,

I’m in the process of creating a website for my brand but cannot figure out how to make my image banner full screen. Below is two photos…the top one is how I want it to look…the user cannot scroll down or move anything on the front page which is how I want it, the main page image encompasses the entire front page including the header and footer (see Aimeleondore.com home page to see what I mean). The picture after is how it looks now, notice the image doesn’t go all the way to the bottom of the screen.

any help is appreciated. thanks,

Thomas

Please share your store link please.

hello,

here it is… https://tomjacobs.com.au/

Hi @TBrajkov24

I cannot see your banner image

hello, I changed the image now to a generic photo so you can see better here’s a screenshot of the banner below (sand)

Hi @TBrajkov24

I got your meaning. I did not see the example website you attached in the first message.

Go to your Online store > Themes > Edit code > open theme.liquid file, add the below code after tag


1 Like

worked, thanks heaps!!

How can I do the same thing for Phone users but keep the same image? it still has the issue for phone. assuming cause its a vertical display and not landscape.