The sticky header menu is not properly fixed on Safari

[Frutal]

Hi, I have a problem: The sticky header menu is not properly fixed on top of the page, when use safari. On Chrome and Mozilla works properly.

The same that happens here with older version: Safari - header builder issue pro 3.2.3 - 4.0.7
here is happening too: https://demo.theme.co/integrity-bands/
but not here: https://demo.theme.co/renew-bands/

There are any solution?

I’m on Pro 6.1.0
https://testdrive.studioaigua.com/treballs/liquid-2/
The problem happens in all scrollable pages.
Thank you for the support.

PD Is the same Sticky header on Safari STILL a problem

[ruenel]

Hello @Frutal,

Thanks for writing in!

I was able to replicate the issue in the Safari browser.

I will bump our issue tracker and ask for some feedback from our developers.

Thank you.

[cgMultimedia]

Hi @Frutal, as you can see, this is a long-standing issue that hasn’t been solved yet… but I did come up with an acceptable (to me, at least!) work-around. See this thread:

Sticky Header on Safari WORK-AROUND

Hi, to all those still suffering with the long-standing issue of the Sticky Header migrating down the page when the Safari-using viewer scrolls back up, I did find a work-around. Here’s the trick: Make sure to set a Trigger Offset — in this case, I used 100 (pixels, I presume). It causes the sticky header bar to scroll off the top of the screen, but then scroll back on after the user scrolls down 100 pixels. It also causes the reverse behaviour when the user scrolls back to the top of the pag…

Good luck!

[ruenel]

Hi @cgMultimedia,

Thanks for sharing the information.

Cheers.

[Frutal]

Thank you @cgMultimedia for your solution, I think that is better than is happening now on safari, but this give a sensation of non-solid web, because, how you say, the header nav moves every time that scroll to top, with the added problem on Chrome and Mozilla.
If sets the triggering in 1 px is better, you can try it.

[tristup]

Hi @Frutal,

Glad to know that it helps.

Thanks

[Frutal]

Better than 1px is -1px and shrink amount set to 1, this works almost perfect meantime a deep fix is released, there is some little jump when you scroll.
I hope the developers fix this long issue soon.

[ruenel]

Hi @Frutal,

Thanks for sharing the information. We will also bump our issue tracker to get updates from our developers.

Cheers.

[Frutal]

Thank you as this is not an acceptable solution, none of the settings work correctly in all browsers

[charlie]

We will be looking at and fixing sticky headers this and next week. Fixes might come out in batches. I will for sure be fixing the scroll-linked warning we have been having for a while.
Thanks for bringing this to our attention.

[Frutal]

Glad to hear that, I’ll keep an eye out, thanks for the good work

[charlie]

6.1.6 onwards is going to detect the initial state of the sticky bars correctly. Let us know if you have this issue with flickering. -1 offset shouldn’t be needed. Thanks for bringing this up and hope you have a great weekend.