I am working on a design with an expanded/shrinking header for my homepage.
I’ve added some jquery to the custom code part of the template and it works well apart from when off canvas is used. What happens then is the custom class I added is being overwritten. When the page is scrolled and the header shrinks to normal size but when you click the burger menu – the header in the background expands again. When you close offcanvas it resets – but is animated and really looks broken.
I am new to javascript/jquery. I’m wondering g there’s a way to exclude an html element from being changed by offcanvas? Off canvas seems to remove all other dynamically generated classes when active.
