Hello,
First of all, thank you for creating this template - it's really great.
I have started to set up a website locally with Canvas and I am having a problem with making the sticky header work properly. After being investigating for a while, I have discovered that the element "<header>" is not getting appended the class "sticky-header" when I scroll down. This is due to an issue with the functions.js file. For some reason, the selectors that are created in lines 2160-2230 are unable to select the HTML elements and are undefined. Could you let me know how to solve this please?
I have attached some screenshots of what my website menu looks like when scrolling down and of what the Javascript console prints putting a "console.log($header)" in the line 2227. In one of the images you can see three numbers:
1 - This is the menu that is not getting fixed when scrolling down.
2 - This is the white background that becomes visible when scrolling down.
3 - This is what the console prints when running "console.log($header)".
Many thanks!