Jump to content

Mobile menu hidden behind footer

Go to solution Solved by tuanphan,

Recommended Posts

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

 

Link to comment
  • Replies 4
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

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?

Screen Shot 2024-01-10 at 11.14.15 pm.png

Screen Shot 2024-01-10 at 11.14.07 pm.png

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.