Remove white space below hidden footer.

Site URL: https://superdeluxe.squarespace.com/

Hi, 

I'm using the code below to hide the footer on a home page. However, depending on the browser window or screen size, we are seeing a block of white space at the bottom of the page. Dropping a screenshot below also for visual reference. 

https://superdeluxe.squarespace.com/

pw: superdev

<style>
  /* remove footer */
  footer.sections {display: none;}
</style>

Any suggestions on how to remove this or force the color to continue regardless of window size would be appreciated. Thanks!

Hi @AnnaJacobs, Your site is currently set to private, so I can't access it. Also, if you want to hide the footer, there's no need to use CSS. Simply go into the page settings and toggle off the "Show Footer" option.

6 hours ago, Spark-Plugin said:

Hi @AnnaJacobs, Your site is currently set to private, so I can't access it. Also, if you want to hide the footer, there's no need to use CSS. Simply go into the page settings and toggle off the "Show Footer" option.

 

I don't want to hide the footer on the entire site, only the home page so I'm looking for code to accomplish that without introducing white space. 

There is a password for the private site:
https://superdeluxe.squarespace.com/
pw: superdev

Hi @AnnaJacobs, it hides only on specific pages, not on the entire site. The site is still private, no option to input passwords:)

On 10/23/2024 at 9:31 AM, Spark-Plugin said:

Hi @AnnaJacobs, it hides only on specific pages, not on the entire site. The site is still private, no option to input passwords:)

Got that removed from private now! PW is superdev. 

I used the built-in toggle instead of the code, but the white empty space at the bottom still remains when you adjust the window.