CSS Help: Fixed Position for Site Footer

I have a piece of HTML code on my site which overlays the view of the site. When I first added this & scrolled across, the site header disappeared out of window - I fixed this by enabling Fixed Position under 'Edit Site Header' however there isn't this option for footer. Is there a piece of CSS code I could add on to the page to fix this?

URL: dnballstars.uk/set-times-test-2

Password: dnballstars

Sadly there isn't a scrollback feature for the Footer..

You can use this code to make the footer stick to the bottom:

#footer-sections {
    position: fixed;
    bottom: 0px;
    z-index: 9999;
}

Thanks for reply but unfortunately that blocks the entire view on mobile view. Any other suggestions?

On 8/25/2023 at 9:33 PM, fredhopkins_dnba said:

Thanks for reply but unfortunately that blocks the entire view on mobile view. Any other suggestions?

Footer looks fine with code. Can you take a screenshot & describe in more detail of problem?

So when you scroll across on the schedule, the footer then shows to be cut off...

This originally happened on the header but I fixed that by enabling Squarespaces built in 'Fixed Position' option selection available, however, there is not this option available for the footer.

Hope that makes sense but let me know?

On 9/14/2023 at 3:05 AM, fredhopkins_dnba said:

So when you scroll across on the schedule, the footer then shows to be cut off...

This originally happened on the header but I fixed that by enabling Squarespaces built in 'Fixed Position' option selection available, however, there is not this option available for the footer.

Hope that makes sense but let me know?

 

I don't see footer now. Did you remove it? Do you still need help?