Sticky header works in Preview, not on Live site

Ask the community
,
1

I made a single page website that has a sticky header menu that swaps to a smaller header when you scroll down the page.
It was working fine for months and months and suddenly has stopped working. The smaller header no longer swaps in when you scroll. I haven’t changed anything. The strange thing is, it still works fine in the site preview, just not on the Live site.
Any help would be appreciated.
Below is the site code for it.

//Display Secondary Header on Scroll

let fadeOptions = {
“duration”: 500,
“delay”: 0
};

export function intelliHeader01_viewportLeave(event) {
$w(‘#stripSM’).show(“fade”, fadeOptions);
$w(‘#stripLG’).hide(“fade”, fadeOptions);
}

export function intelliHeader01_viewportEnter(event) {
$w(‘#stripSM’).hide(“fade”, fadeOptions);
$w(‘#stripLG’).show(“fade”, fadeOptions);
}

2

The code that you are using is similar to tutorials for it and on checking the first one linked below, it doesn’t work for myself either when you scroll down the page, however it works when you scroll back up the page.

I’ve just tested it in the latest versions of Edge, Chrome and Firefox in either private or incognito mode and all with no third party apps on and it happens in all of the three browsers.

So yes there must either be a bug somewhere within Wix or certain internet browser developers have messed around with the browsers again and have now stopped this code from working.

It is not the first time that some clever devs changed something in a new browser update and it stopped certain codes from working like the scroll to functions.

I would still put a ticket into Wix Support to let them know about this bug even though you have mentioned it here in this forum already. It just means that they can pass it on to the correct department so that it can get sorted as soon as.

Remember to tell them that you have already posted about the issue in the Wix Corvid forum otherwise they will just pass the issue on and tell you to contact this forum instead!

https://codequeen.wixsite.com/new-shrinking-header
https://www.youtube.com/watch?v=8yCjNVEzJxg

https://codequeen.wixsite.com/menu
https://www.youtube.com/watch?v=6zS0OavqbAc

3

Thanks. Yeah, I suspected it would be something like that.