I assume that the primary navigation background is set to transparent, but how do i position the page hero part below? Is this something I can find in the customizer section?
On the Site Header tab in the Element you have the option to Merge with Content. With that enabled you can then check Navigation Colors and set to transparent