Jump to content

Create a floating audio player.

Recommended Posts

Hi, I have a site that has a custom audio player on it. I've customized it to look more like a button and it works exactly as needed EXCEPT that when you scroll down the page. I want it to essentially be a floating sticky button but when I scroll, it falls behind all of the other sections and reappears once you get down to the footer.

I've tried changing the z-index on the audio player. I've tried changing the z-index on the other sections and it still ends up scrolling behind the other elements. I've also looked at code others have used for creating floating buttons but not sure how to translate that code to apply to this correctly.

The site isn't live yet so I can't share it but image for reference. Any help here is appreciated!

Screenshot 2023-03-26 at 4.27.23 PM.png

Link to comment
  • Replies 3
  • Views 339
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.