White space under image banner mobile version only

[jannathn]

I need help with my password page, there is a white space under the image banner in the mobile version, which I would like to have removed. I just want the image to be completely filled in, just like in the desktop version. Please help.

[PageFly-Henry]

Hi @jannathn

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 app.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){

.password-main {

flex-grow: unset !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[Dan-From-Ryviu]

Add this code to Custom CSS code of this section.

@media (max-width: 749px) {
.banner__media { height: 63rem; }
}

[jannathn]

Hey Henry, I can’t find the file app.css.

[jannathn]

Hey Dan, I can’t find “Custom Css”.

[Dan-From-Ryviu]

Go to your Online store > Themes > Customize > click dropdown menu at the top > Others > Password > click on Image banner section.

[jannathn]

Thank you, that worked out! But now there is a white space under the image banner in the desktop version. I guess because I have hidden the password footer. Can you also help me with removing the white space there?