Header collapse works on preview mode but not on browser

Ask the community
,
1

#Collapse #expand #ViewportEnter #header

On this site https://www.chagim.org.il I have a collapsing header when scrolling.
It works with a box in the header as you can see here

1888×815 366 KB

The code for it is very simple and is in the SITE tab

export function ShowBox_viewportEnter(event) {
$w(“#headerStrip”).expand();
}

export function ShowBox_viewportLeave(event) {
$w(“#headerStrip”).collapse();
}

It worked fine for several months. Now it works just in preview mode, but not on any browser, even after clearing cached images or using incognito mode.
Moreover, there is a white space between the header and the page

1816×855 305 KB

You can’t see this space in the editor, as you can tell from the first screenshot.
As it’s all fine in the editor, I believe it’s a bug in some deeper layer of the system.

Thanks
Tamara

1 Like
2

See the article FIXED: Frozen Header Example .

3

Header collapse works fine for me with the strip, Israel !

Now I’m left with the problem of the white space under the header, that is not seen on preview mode…