Un-fix a fixed block (sidebar) before footer

Hi,

The password to my site is heather.

I'm hoping someone can help me with this quickly. I've created a fixed text box to use as a 'sidebar' navigation within each of my main pages. My goal is to have this 'sidebar' remain fixed on the page until it reaches the footer. The problem: since I have a large footer and these sidebars are a decent length, the sidebar overlaps with the footer once I get to the bottom of the page. I'm hoping to 'un-fix' the fixed box once it hits the footer so that it just scrolls up with the rest of the content in the last section.

Is this possible? Please help!

P.S. I'd like to keep separate sections on the pages rather than make the entire page one section in order to avoid headaches while editing in the future.

Hi,

What is page url?

Oops! It's https://copper-cymbals-zw3z.squarespace.com/events

You can use this CSS code to Website > Website Tools > Custom CSS

footer.sections, footer.sections section {
    z-index: 99999999 !important;
}