I’m trying to create a shrinking sticky nav. I thought I had a decent foundation working, but I just can’t quite get it to work the way I want it to. https://codepen.io/anon/pen/OZYgLJ
While I can get the header bar to shrink on scroll, I’m not sure how to get the nested .logo div to shrink with it. I also want to completely hide the .phone div once it shrinks. I’m hoping these functions can be added to the jQuery that I’ve written so far, but I’m not sure how to include them. Also, when I inspect the source and begin scrolling, the UL goes crazy appending classes. That doesn’t seem right to me, although I’m still learning js so I’m not sure. Any help would be greatly appreciated.
Thanks so much!