Jump to content

How To Achieve Dynamic Curved Corners in Header Navigation with Scroll Visibility and Mobile Responsiveness

Recommended Posts

Hi there! I am currently troubleshooting a way to create curved corners on my header navigation. I'd like it to be a dynamic navigation where it's visible when you scroll up but clear when you are on the page. Also to remove it on mobile.  

Here is an example of what I am looking to create: https://www.rhodeskin.com/

Any help with this will mean a lot! I've been trying to find a solution for this for ages!
Thank you! 

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

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.