Sticky Header Disappearing - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Sticky Header Disappearing

H

H

Helix Framework 3 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?

0
11 Answers
Pavel
Pavel
Accepted Answer
3 years ago #57038

Set sticky offset to 1 in header settings.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #56462

Hi

Could you please give me a screencast of your issue?

-Regards

0
H
H
Accepted Answer
3 years ago #56472

Just sent you a screencast from my iphone by mail.

HUbert

You can also access it here on my dropbox: https://www.dropbox.com/s/ffc7n34ash6qyh4/IMG_1068.MOV?dl=0

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #56584

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.

0
H
H
Accepted Answer
3 years ago #56605

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.

0
Pavel
Pavel
Accepted Answer
3 years ago #56607

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

0
H
H
Accepted Answer
3 years ago #56611

Is there no workaround?

0
Pavel
Pavel
Accepted Answer
3 years ago #56622

Someone from the developers provided the main.js file with corrections. Wait for the response from the support team. Or you can get it here https://github.com/JoomShaper/helix-ultimate/commit/c2ab2e9a7d33ceef9931a169f62dfacda23fb016

1
H
H
Accepted Answer
3 years ago #56929

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

0
Pavel
Pavel
Accepted Answer
3 years ago #56966

Try this code.

#sp-header {
  animation: none !important;
}
0
H
H
Accepted Answer
3 years ago #57019

Unfortunately doesn't change anything.

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

0