How to have a clear header bar with content that is visible underneath

my home screen has scrollable content that I want to have visible under a clear header/nav bar. Here is a quick mockup…

I can’t seem to accomplish this. If I use the actual nav bar, the content sits below it. If I created a customer absolute positioned div to place the “hamburger” button it disappears occasionally. Any ideas how to accomplish this?

Thanks!