Jump to content

How to Create Translucent Nav. Bar then Scroll to Solidify?

Recommended Posts

  • Replies 1
  • Views 206
  • Created
  • Last Reply

I see you fixed? https://wandpdesign.com/

If above link isnot your site

You need use JS/jquery + CSS to do this.

If you share link to your site, I can take a look. Each template has different class so need different code.

The idea here is that when scrolling down, JS will add a class to the nav, and you can use CSS for that class. When scrolling up, JS will remove that class so that nav can return to normal.

(If it's fast, I'll send the code. However if it takes longer than I thought, I will not answer free for this.)


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment


This topic is now archived and is closed to further replies.

  • 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.