Jump to content

Sticky Navigation to the Stella Template

Recommended Posts

Site URL: https://scarlet-parrotfish-ntsp.squarespace.com/

My client wants a sticky navigation bar at the top of their site-using the Stella template. I don't have experience with code but I found this code on another blog: 

.Header, .Mobile {
  width: 100%;     /* for IE and Edge */
  position: fixed; /* for IE and Edge */
  position: -webkit-sticky; /* For Safari 6.1+ */
  position: sticky; /* Latest browsers */
  top: 0;
  z-index: 4;
}

 

When I tried that my drop down menus for each of tabs were no longer available.  Like I could see them but then I couldn't get the mouse to click on them because the navigation bar was "stuck" and would be in the way I guess??

 

Not sure if anyone has had this issue or not?

Link to comment
  • Replies 1
  • Views 195
  • 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.