Help With Scrolling Header and Deleting properties

SUDDENLY Wix changed the way the frozen header works which completely broke the code on my site. I had a frozen header that is supposed to fade to a smaller header when I scroll down. On My header (#header1) there are two properties selected: onViewportLeave and onViewportEnter. I no longer can change those settings or delete them.


Further still, now I have to re-do all of the code and I can’t change anything because I can’t delete the code. ALSO the code works PERFECTLY on the editor preview. EXACTLY how I wrote it but yet when I view the live site it does not work. here is the code:

export function header1_viewportLeave(event, $w) {
let fadeOptions = {
“duration”: 300,
}
$w(‘#headerlargestrip’).hide(“fade”, fadeOptions);
$w(‘#submenustrip’).hide();
$w(‘#headersmallstrip’).show(“fade”, fadeOptions);
//Add your code for this event here:
}

export function header1_viewportEnter(event, $w) {
let fadeOptions = {
“duration”: 300,
}
$w(‘#headerlargestrip’).show(“fade”, fadeOptions);
$w(‘#headersmallstrip’).hide(“fade”, fadeOptions);
//Add your code for this event here:
}

export function cookies_mouseIn(event, $w) {
let rollOptions = {
“delay”: 50,
}
$w(‘#submenustrip’).show();
$w(‘#submenugroup1’).show(“roll”, rollOptions);
//Add your code for this event here:
}

export function corsoslogo_mouseIn(event, $w) {
$w(‘#submenustrip’).hide();
$w(‘#submenugroup1’).hide();
//Add your code for this event here:
}

I need help with this right away or we will have to cancel our account and move to another service. Please help.