Mobile menu hidden behind footer

Hey there!

I'm having an issue with the mobile menu hiding behind the footer on my site:
https://penguin-marigold-6tge.squarespace.com/
PW: Rc123

I've used the codes below to create fixed backgrounds, and keep the footer appearing above those fixed sections, but now the mobile menu falls behind the footer.

Codes used:

  section[data-section-id="646c081602860a78d1116c47"]
.section-background {
position: fixed;
scale: 100%;
}

/* Fix footer */

footer#footer-sections {
position: relative;
z-index: 9999999999;
}

Any help is greatly appreciated - thank you in advance!
Robyn

I still don't quite understand. Mobile menu show this. What should it look like?

Hey, thanks for looking!

So when you scroll down to the footer of a page and try to open the menu, the menu content sit behind the footer (see screenshots), so I was wondering if there's a way to make sure the mobile menu sits above the footer so it remains visible?

Amazing, thank you so much!