We need to add a background image that collapses all the header + navigation together.
I tried some hook with page-hero with success for header but it won’t be responsive and nav is dissociated.
I assume <header> would integrate <nav> just in it…
you can set the Customizer > Layout > Primary Navigation –> Location to Float Right. This will place it inside the header and position it to the right of the logo IF there is room to accommodate it.
You can then add a Background Image to the Header – see here: