Email Sign Up Banner to Fill Screen in Dawn theme

[BSPOKE_STUDIO]

I am trying to make the image fill the whole screen on both desktop and mobile for this email sign-up banner in Dawn theme. I have removed the header & footer and there’s currently an off-white gap down the bottom that I want gone.

Ideally, I’d also love to select a whole different (mobile optimised) image for the mobile version.

Can someone please help with the code?

https://www.firstoffirst.com.au/password

[EBOOST]

Hi @BSPOKE_STUDIO ,

May I suggest to update code these steps:

1. Go to Store Online-> theme → edit code

2. Assets/base.css
3. Add code below to end of file

.password-main>section:only-child .banner {
	height: inherit;
}
@media screen and (max-width: 749px){
	.password-main>section:only-child .email-signup-banner .banner__media,
	.password-main>section:only-child .banner .banner__content {
		position: absolute;
	    top: 0;
	    height: 100%;
	    left: 0;
	    width: 100%;
	}

}

[BSPOKE_STUDIO]

This worked! You are a lifesaver, thank you so much!! I literally tried every other question/solution I saw in this group and nothing worked until now. Thank you!!

[BSPOKE_STUDIO]

Wait actually @EBOOST , the mobile version works in the preview but not on the actual live mobile site. Do you know why this could be?

[EBOOST]

Hi,

It’s missing a “}” in the assets/base.css. You can refer the screenshot the add it