HELP! - shrinking header code not working..

I have tried searching for hours to fix this… please help
i want my header to appear large. then shrink to a smaller version on scroll

current set up - 2 strips and one anchor in header… smaller strip is at the top under the big strip, the big strip is the size of the full header. The small strip is set as hidden on load. and this is the code that is on the site tab

export function anchorheader_onviewportLeave() {

$w("#stripsmall").show(); 

$w("#bigstrip").hide(); 

}

export function anchorheader_onviewportEnter() {

$w("#stripsmall").hide(); 

$w("#bigstrip").show(); 

}

Hi Dan,
Can you please provide link to your site?

Thanks,
Maria