Sticky header disappears on iPad Safari when scrolling

[GNP]

Hi,

I have a sticky header for my website. One for desktop, another is for mobile breakpoint. It so far works on browsers on Windows, and phones which are Android. I haven't tested iPhones yet.

But I do have an iPad, and the sticky header disappears after scrolling at normal speed on the iPad Safari. If i scroll REALLY SLOW, the sticky header remains. But the moment I scroll a bit faster, it disappears.

Any help would be much appreciated. Thanks.

[Pablo]

It is difficult to help you without seeing what you have done.

Do you have a demo?

[GNP]

Hi Pablo,

Thanks for getting back. Here's a stripped down link to my site demo:

https://drive.google.com/file/d/1Lnmopu ... sp=sharing

It's in a basic zip file, so hopefully you can access it.

Thank you!

[Pablo]

It looks like you have enabled onscrollreveal events? You may have disabled this for mobile devices in the page properties.

Note that I cannot see what you have done based on the published page (HTML), because the software has thousands of options and millions of possible combinations.
So, there is no way to know which options you have used by looking at the HTML only.

For further details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134

[GNP]

Hi Pablo,

Apologies for the screw up. Here's the working actual project file of the site, without all the media and everything, except fonts.

https://drive.google.com/file/d/1Qly6-V ... sp=sharing

Thanks so much for taking the time with this.

[Pablo]

In "events" of the header you have added an 'onscrollhide' event.
This option might not be the best choice when you're using it alongside the 'sticky' feature."

[GNP]

ahh! How did that happen? I didn't even touch anything in events to this!

Okay thanks so much Pablo, you're amazing. I'll rectify this and see if the problem persists. It shouldn't but I'll make an update if it does.

Thank you so much once again dude!