Password Page Blank Space at bottom of the page - Reformation Theme

Store Design
,

Topic summary

A user is experiencing unwanted blank space at the bottom of their password page while using Shopify’s Reformation theme.

Proposed Solutions:

Two CSS-based fixes were offered:

  • Solution 1: Add padding adjustment to password.css:

    @media only screen and (min-width: 768px) {
  .password-content { padding: 30px 0; }
}

  • Solution 2: Set minimum height on the wrapper element in password.css:

    #wrapper {
  min-height: 100vh;
}

Both solutions target the password.css file in the theme’s Assets folder. The issue appears to be a layout/spacing problem that can be resolved through CSS modifications. No resolution has been confirmed yet.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I am trying to remove the blank space in my password page. I am using the Reformation theme from shopify.

Is there anyway that blank space is removed?

Best

Screenshot 2023-10-28 at 9.03.49 PM.png
Screenshot 2023-10-28 at 9.03.49 PM.png3580×2064 203 KB

URL: Password Site

2

@goodera - please add this css to the end of your password.css file and check

@media only screen and (min-width: 768px){
.password-content {padding: 30px 0;}
}
3

Hi @goodera

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->password.css

#wrapper {
    min-height: 100vh;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly