How to fix the white space in the footer

Store Design
, , , , , , , , , , , ,

Topic summary

A Shopify store owner is experiencing unwanted white space in the footer on two specific pages: the password reset section and a policy page. The issue occurs because these pages have insufficient content height, causing the footer to not extend properly.

Proposed Solution:

  • Another user suggested adding custom CSS code to the theme.liquid file before the </head> tag
  • The code was intended to fix the footer positioning issue

Current Status:

  • The proposed CSS solution did not work when implemented
  • The issue remains unresolved on both affected pages
  • The original poster is still seeking a working fix to extend the footer only on these short-height pages

The discussion includes screenshots demonstrating the white space problem, though the specific CSS code snippet appears to be missing from the conversation thread.

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

Hi, when I’m on the reset password section and the one plcy section, there’s a white space in the footer because the page is too short in height.

How can I fix it so that the footer is extended, but only for these two sections?

The pages:

  1. https://1049xn-ya.myshopify.com/account/login#recover

  2. And the second section is here:

    CreatorTim_0-1738013073465.png
    CreatorTim_0-1738013073465.png1880×886 95.2 KB

    I can’t attach a link, IDK why.

Thanks for the help,
Tim

2

@CreatorTim
Hi

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

Result:

topnewyork_1-1738045747445.png
topnewyork_1-1738045747445.png856×474 27.1 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

Use our Big Bulk Discount app to boost your sales!(https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

1 Like
3

Hi the code isn’t working. I placed it in the theme.liquid file, but nothing has changed.

I also need to fix the same issue on this page: https://1049xn-ya.myshopify.com/account/login#recover

Thanks a lot for your help.