Removing the white space left when a header and footer are removed.

https://bamboo-rabbit-99gt.squarespace.com/config/pages

pw: !(cX3Ly@$323cC(

Hello,

I'm trying to remove the header and footers from a couple of not linked pages (Links and 404). 

I've been able to remove them by using this code injection:
 

<style>
  .header, #footer-sections{
    display:none !important;
  }
</style>

but I'm then left with a white space at the bottom of the page because it isn't very long. I've tried a few different options that I've found on the forum that have worked for others but I'm not having much luck.

I'd like to remove the space from both desktop and mobile view.

Can anyone help with this please?

I've looked on your 404 page, but I can't see any white space.

13 minutes ago, Ziggy said:

I've looked on your 404 page, but I can't see any white space.

I adjusted the height of the section height to large and that seemed to fix it or helped.