I would like to shrink and expand my nav bar, very similar to the way it’s done on this site www.thestartersclub.com. I would like to shrink the logo, hide the text above the menu text, move the menu text up, and shorten the height of the nav bar, all when it reaches the services section of my site. I would also only like this interaction to only affect desktop view. Additionally, because there will be several pages, there interaction should not be dependent on anything in the page that is currently viewed.
As thorough and as detailed instruction on how to do this would be greatly appreciated.