Move header image on homepage to top

Hello,

I am trying to get a transparent header over my header image on my homepage, “Newspaper; Travel Guide” theme. I have worked out how to get a transparent header (with colours) (no im not from USA and spell colours weird) but it leaves a big ugly gap between my header image and the top of the page (above the Main Menu). The transparency works when I scroll down the page and the Main Menu changes, but until then its just an ugly colour and big gap.

Any ideas how to fix?

Thanks in advance!

Hi there,

Here is the link to my site:https://amourabroad.com it is in “under construction” mode, can you still see it?

The green Main Menu with the logo, blog, destinations etc sits above the large image on the home page (currently still as the stock image that is supplied with the “travel guide” theme). When you scroll down the page the sticky header works well and the green turns transparent, but I would like it to overlap the “stock” image right from the start. No white space between the top of the page and the image (where the main menu sits).

I hope I have explained enough here.

Thanks!