Sticky header disappearing - Forum | JoomShaper
Solved Helix Framework

Sticky header disappearing

Asked by H 4 years ago Last activity 4 years ago

My website: www.zorgboerderijwillemshoeve.nl

I am using a sticky header. I notice 2 strange things with the header:

  • When scrolling from bottom to top, sometimes the header disappears.
  • On the desktop: when I scroll down with the mousewheel, with each click of the mousewheel the header disappears and then appreas back again within half a second

Any idea what this is?

Accepted answer

Marked as the solution
Pavel
4 years ago · edited

Set sticky offset to 1 in header settings.

10 more replies

Mehtaz Afsana Borsha Staff

Hi

Could you please give me a screencast of your issue?

-Regards

Mehtaz Afsana Borsha Staff

Which browser you are facing this issue? Its ok on my end. You can update your browser first and then clear your browser cache and check again.

H Asked this
4 years ago · edited

Safari on my iPhone. But also on Chrome on my wives Samsung.

Cleared the cache of Safari: no change.

The second thing "when I scroll down with the mousewheel, with each click of the mousewheel the header disappears and then appreas back again within half a second" appears in any browser on the desktop.

Pavel

Hi. Many times was discussed. Developers promised to fix in the next update.

H Asked this

Is there no workaround?

H Asked this

I installed the main.js from github. It seems to have solved the issue on mobile.

What I still see on desktop that the header blinks once when I start scrolling downward.
Hubert

Pavel

Try this code.

#sp-header {
  animation: none !important;
}
H Asked this

Unfortunately doesn't change anything.

The header seems non-sticky for the first 50-100 pixels of scroll, than clicks to the sticky position.

Log in to reply.