White space on Passwordpage with Dawn Theme (Mobile)

Store Design
1

Hello Everyone :slightly_smiling_face:

I wanted to create my password page with an Image today, but sadly the picture is use always gets a white space under it on the mobile site. Even if i change the size of the picture the white space stays there.
if already tried so many method i found but none of them worked.
On the Picture you con see the difference between the desktop site and mobile site.

I really want to remove the white space and make the picture fit on the whole website.

Thanks in advance for your answers! :slightly_smiling_face:

Website: trueloveclo.com

Screenshot_709.png
Screenshot_709.png1919×950 138 KB

2

Hi @DavidG_TL ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-password.css->paste below code at the bottom of the file:
@media (max-width: 749px) {
.password .banner:not(.banner--stacked) {
    height: 100% !important;
}
}

Hope it can help you.

3

@DavidG_TL

sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-image-banner.css ->paste below code at the bottom of the file.
@media screen and (max-width: 749px) {
.banner:not(.banner--stacked){height: 100%;}
}
4

Thank you so much, it worked!

5

@DavidG_TL

its my pleasure to help us