"white" space at bottom of my page, can't seem to get rid of it

I have used a block of a custom code to remove the header and footer for my homepage, but there is this orange space at the bottom I can't seem to get rid of by adjusting margins or site width. I've tried a few custom codes but nothing seems to work.

What is site url? We can check easier

On 11/29/2023 at 1:53 AM, tuanphan said:

What is site url? We can check easier

https://soybean-clavichord-gm2y.squarespace.com

password should be hearhere

8 hours ago, NorahAdams said:

https://soybean-clavichord-gm2y.squarespace.com

password should be hearhere

Use this new code

<style>
  body.homepage section:first-child {
    height: 100vh !important;
}
body.homepage {
    overflow: hidden;
}
  .header, #footer-sections {
      display: none !important;
}
</style> 

19 hours ago, tuanphan said:

Use this new code

<style>
  body.homepage section:first-child {
    height: 100vh !important;
}
body.homepage {
    overflow: hidden;
}
  .header, #footer-sections {
      display: none !important;
}
</style> 

 

it says syntax error on the line with "<style>"? also I have this problem for every page on the website, does this address every page or just the homepage?

16 hours ago, tuanphan said:

If you want to add to Custom CSS, use this new code

 body.homepage section:first-child {
    height: 100vh !important;
}
body.homepage {
    overflow: hidden;
}

I tried this and it didn't seem to work still? It still has the orange line at the bottom when I scroll down. This problem occurs on every page on my website

Can you check on preview mode? Sometime  some custom code won't run on edit mode

Okay I see now! Thank you so much for your help!