Hello, @monstermage. Sorry for the delay with answer (having pretty busy days )
First of all, you have to understand principals of Scroll Trigger:
You are applying interaction with Scroll Trigger to the element (object), which will activate some actions when this object scrolls IN and OUT of the screen.
So, in your case, you applied Scroll Trigger interaction to fixed navbar, which will not work, because it is not moving.
- disconnect navbar from interaction “Navbarshrink” (just click on NONE);
- apply (connect) this interaction to the “paragraph1fs”
- in all actions inside the “Navbarshrink” remove 100% offset, it should be 0%
After that, you will see animation will work. But for making all navbar shrink you will have to use not scale effect, but change height. At least for the phone icon.Because when you scale object it doesn’t change the space, captured by this object by default.
Hope I was able to explain. Feel free to ask more if you need.