looking for someone to check to see if my code works

Hello!

I recently added a code to this site to get the horizontal menu on each page to be sticky when scrolling.  It's on the About Pages, Impact Pages, and Services Pages.

When I check it, it does not stick, I've heard from a few others it works.  Just looking for some more feedback!

https://pelican-mayflower-36wy.squarespace.com/

Password: Lincoln22

Thank you!

Hi,

Which code did you use?

@tuanphan

[data-section-id="639563b857455553dfe1e6a7"]  {
  box-shadow: 0 3px 20px rgba(0,0,0,0.08);
  min-height: 0 !important;
  position: sticky !important;
  -webkit-position: sticky !important;
  top: 0;
  z-index: 999;
}

Header is sticky

Horizontal is sticky

Both will overlap together

You need to change top: 0; to top: 100px; to make horizontal menu sticky under header

@tuanphan Thank you!  That did the trick!