Move menu to in front of header backgroud

Hi there,

First of all, you guys have done an amazing job with the theme. Thanks very much for it.

I am currently trying to move the menu, along with the logo, to be on top (in front) of the header background image with the background stretching to the top of the browser.

How would I go about to do this? What’s the easiest way?
With some really basic knowledge, I assume some codes might have to be moved. I realized that the code for the menu itself is within header.php – would i move this to a different to a different .php page? Could the background of the menu be replaced as a continuity of the header background?

I am currently working with a child-theme of oren.
I have below provided you with a link to a screenshot of what I currently have and a photoshop montage of what I would like to achieve.

oren theme

I am working from my localhost still so the website is unfortunately not available online to link.

All help is greatly appreciated.
Thanks a thousand in advance!

Kindest regards,

marg