Make password page image take up full screen

[studioseductres]

Hi I am trying to make the photo on my password page take up the full screen, covering the whole page on both mobile and desktop.

Website: studio-seductress.com

password: yesyesyes

any help really appreciated thankyou

[mageplaza-cs]

Hi @studioseductres ,

I am from Mageplaza - Shopify solution expert.

To resolve this issue simply and quickly, you can follow these steps:

1. Click Themes > Edit code

2. Open the file assets/section-image-banner.css

You can add the following css code to the section-image-banner.css file to work as your desired

@media only screen and (max-width: 750px) {
    .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
        min-height: 100vh;
    }
}

Please let me know if it works as expected!

Best regards!

[studioseductres]

hi thanks is there anyway to make the header/footer on this page transparent though so the whole page is the image with any text over it?

[mageplaza-cs]

@studioseductres 

Yes, I have a solution to make the header/footer transparent so that they appear over a full-page background image. However, I noticed that the password page is removing the header/footer. Please enable the header/footer if you want me to help with this. 😊