So, I have this shrinking header that looks really cool on homepage using an anchor located in the header area with onViewportEnter/Leave commands. However, the design is such that the large Logo is seen only on homepage and in the other pages I prefer to see only the smaller/shrunk version of the header.
The problem is that - if I scrolled down and switched a page, than it looks good, the way I want it to. But, if I switched a page without scrolling first or landed first on any page other than homepage - then I get the larger version of the menu without a logo. Here's a video to show you what I mean.
The code was placed in the Site Tab, but this doesn't help because the anchor doesn't repeat in the other pages anyway.
Any idea what I am doing wrong and how to fix this?