Keep portion of hero image background for sticky nav

Question

I have a page with a hero image, and the nav slides in from the top, logo top left and menu links top right, over the top of the hero image. What I want to achieve is when I scr