Cannot get the jquery pluggin called "headroom.js"to work. Need help please!

Thanks for your help @bartekkustra.
Unfortunately everything I’ve tried doesn’t seem to work at all. I’ve tried with my code in the footer only that didn’t work.
I’ve tried putting my code in the header with no luck.
I’m aware that usually all links to scripts should be before the </body> code but in this case nothing works.
I am convinced it has something to do with the way I labeled my navbar within webflow’s design tool.
I’ve temporarily removed my scripts from the custom code section and going back to the instructions to see if there is any other way I could achieve this effect.

Any help is always appreciated.

Thanks again.