Small white bar at the bottom of my password/landing page

Topic summary

A user encountered a small white bar appearing at the bottom of their Shopify password/landing page and sought help removing it.

Solution Provided:

  • Another user identified the issue as a black bar (footer section) and provided CSS code to hide it:
    div#shopify-section-main-password-footer {
        display: none;
    }
    

Implementation Steps:

  1. Navigate to Online Store in Shopify admin
  2. Access the theme’s CSS file (theme.css/base.css/style.css)
  3. Click “Edit Code” next to the live theme
  4. Add the provided CSS code at the bottom of the stylesheet

Status: The solution appears to address the visual issue by hiding the footer element. The helper included a screenshot showing the expected result and requested the original poster mark the response as a solution if successful.

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

Hey guys! There’s a small white bar on the bottom of my webpage. How do I get rid of this?

Site no password, I am only using this to get emails thus far. :slightly_smiling_face:

Hi @grind I have checked your website, and there is no white space, but there is a black bar now, if you want to remove that then add this code in your theme.css/base.css/style.css file which is available in your theme.

div#shopify-section-main-password-footer {
    display: none;
}

If you are not sure where is your theme.css/base.css/index.css/style.css file please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.css/base.css/index.css/style.css in the code in left hand side which ever is available in your theme.
  6. You can add the above code at the bottom of the file.

Result:

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil