SOLVED: Sticky header on scroll - page jump when header slides up

Bugs
1

version: 1.6 b2
OS: Windows + IOS 16.1.1
Browser: chrome + safari

When header is set to sticky on scroll, the page ‘jumps’ to the top when you start scrolling up or down. The header itself uses a .4s transform by default, but the page doesn’t giving it a jerky feel.

There should be a smooth transition for the page as well, but there isn’t.

2

Hi Michael,
Thanks so much for your report!

The problem has already been mentioned and recorded in the bug tracker - but at least this way we have a thread about it :smiley:

Best regards,
timmse

2 Likes
3

Hi guys,

You can change the position to sticky here and it should work (temporary fix):

#brx-header.sticky.slide-up {
position: sticky;
transform: translateY(-100%);
}

4

Yes and no: as soon as your mobile menu is aligned to the right, it causes an overflow when scrolling. Our code looked exactly like this before, but it caused the problem with the mobile menu. Sounds very simple, but is somehow quite complex when you include all options :smiley:

1 Like
5

Hi Michael,
We’ve fixed this bug in Bricks 1.6.1, now available as a one-click update within your WordPress Dashboard.

Please let us know if you are still experiencing issues.

Best regards,
timmse

2 Likes