Main-page banner – how to make position it from top: 0;

EDIT: I was able to solve it using “Header visibility = Transparent header” setting directly on page edit.
Hi guys,

I have one problem that makes me headache. I’m working on a new homepage banner (I’m not using the Slideshow plugin) and I have problems setting the banner from top (like CSS position: absolute; top: 0;). The Logo and Menu section should be then above it with transparent background.

The banner is image with diagonal gradient, therefore I need to position the Logo and Menu on top of it and make the div class “.header_bg” transparent.

I tried to make the div position to the top of page using CSS (position: absolute; top: 0; ), but the problem was that the div#banner-container height was not set properly (I’m using the “Color Section -> Section Layout -> At least 100% of Browser Window height”).

URL:
https://www.localizationguru.com/en/homepage-new-banner/

Explanatory images:
https://cdn.pbrd.co/images/92L9ZqqXO.png
https://pasteboard.co/92Of0CY9e.png

Original design from graphic designer:
https://pasteboard.co/92PVOPoYZ.jpg

Any advices?

Thanks in advance!

• This topic was modified 7 years, 7 months ago by localizationguru. Reason: added solution