Solved Full Page Background Pictures with transparent menu

Good morning.
I would like to build a page with different sections and a transparent top menu with section background images always taking the full height and width of the screen. All images are 1920x1080.

I have tried to achieve this in two different ways :

1. Create different sections, images are background of the section (cover, centered), rows are just for text over background image.

2. Create just one section, images are background of fullwidth header rows (cover, centered).

What happens in both cases is that the first image is shown correctly covering the entire screen. All following images are too small in height exactly by the height of the transparent menu. This leads to the effect that after scrolling to the second section, the transparent menu shows the rest of the first section background image when the second image is covering all the rest of the screen. This is repeated for all following sections.

How can I achieve that also section2-sectionX understand that the background images shall have the height of the screen inclugin the space of the header menu ?

Thanks a lot !

 

Thank you but this did not help. I upload 2 screenshots, above is section2 - you can see on the bottom that the background image of that section is fully shown as you can already see a small bit of the next section image while on the top, behind the transparent menu, you still see the image of section 1. Below is section1 which is working perfect.

 

https://www.conzept360.com/home

 

After several days of trying I have found the problem myself : some previously inserted and no more required custom CSS code in the editor that disturbed your solution... *g*


Thanks a lot for your efforts !!!