Jump to content

Header Bar keeps moving down

Recommended Posts

Site URL: http://www.javieraguiar.com

I'm currently using the fixed header with the "scroll back" option in Squarespace 7.1 and am hoping for some help with an issue I'm having:

The "scroll back" header functions fine when scrolling through the pages on my site (top to bottom), but upon scrolling back to the top of the page, the header seems to have a slight glitch. After scrolling to the top from the bottom of the page, the header reappears, but in one quick motion it pushes the top-most section down slightly. Seeing this glitch motion each time I scroll to the top of my site is quite displeasing.

Has anyone experienced this issue or have any potential solutions?

Many thanks!

Link to comment
  • 2 weeks later...
  • 11 months later...
10 minutes ago, faissal said:

if you scroll down and back up again, the menu bar has this weird animation where it appears, has a slight delay, and then moves down

Yes. This is designed for sites with more page content where users can scroll down the page and the header will "get out of the way" to give users more screen space. You can disable it by editing the header settings and choosing a different Fixed header style.

For more details about the header see this guide.


Did this help? Please give feedback by clicking an icon below  ⬇️

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment

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.