Header that partially scrolls, partially freezes?

Thank you, J.D! This is one we only need on desktop, and #2 would be a perfect solution. My trouble is figuring out how to let an element scroll (the lower header) then pin to the top once it hits the top of the viewport, effectively covering up the upper header. Again - it is such a simple solution on Editor X but figuring that out with Editor is tricky. If you know of any similar solutions someone has figured out, please let me know!

I am totally willing to code - we code almost all of our headers to fade or change on scroll, but this one has been tricky to get it to behave like the walmart.com example.