White Space at Bottom of Cover Page

Hello! I've created a custom cover page that uses a background image, and I used code to hide the header/footer. However, I'm getting a strip of white space along the bottom of the page when I resize the browser. Is there a way to make the background image responsive so it always fills the screen? Here are three screenshots to show at different browser sizes.

Set the section height to large.

Did you use CSS to hide the header/footer? If so you might try the new header/footer Navigation options.

The issue of the cited post is not of interest but the image I posted is.

Let us know how it goes.

Thank you! That worked perfectly and I hadn't even seen the update about the new header/footer nav tool. That's great news.