Make password page image take up full screen

Store Design
, ,

Topic summary

A user seeks to make the password page image fill the entire screen on both mobile and desktop. A Mageplaza representative provides a CSS solution targeting the section-image-banner.css file, adding a media query to set min-height: 100vh for mobile devices.

Follow-up request:
The user asks how to make the header and footer transparent so the image covers the full page with text overlaid.

Current status:
The helper indicates they can provide a solution for transparent header/footer but notes these elements are currently removed from the password page. They request the user re-enable the header/footer before proceeding with further assistance.

Discussion remains open pending the user’s action to restore header/footer elements.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

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

2

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!

3

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?

4

@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. :blush: