Elementor: Header z-index Problem

Hallo Kollegen,
ich nutze das nette Corona gerade dazu, ein bisschen Elementor kennenzulernen und auf einen Weg damit für jemanden kostenlos eine Website zu erstellen. Nun habe ich das Problem, dass das Submenü bzw. auf Smartphone das komplette Menü hinter dem Content verschwindet. Kennt das Problem jemand?

Habe schon diverse Sachen mit dem Feld "z-index" versucht. Brachte aber nix.

Was ich gemacht habe:

1. elementor pro installiert
2. elementor theme "hello" installiert
3. mit dem Theme Builder einen Header und einen Footer erstellt
4. ein Template aus der Elementor Bibliothek geladen
5. Menü mit diversen Seiten erstellt

Hier ist der Aufbau: LINK
(Beim Submenü von "kontakt" sieht man, wie das Submenü hinter dem Inhalt verschwindet)

Danke euch. Tipp 1 funktioniert nicht, Tipp 2 funktioniert seltsamerweise noch wenn man in Elementor ist, aber nicht auf der geladenen Seite.
Abgesehen davon, kann es ja auch nicht richtig sein, schon in dieser Phase in Elementor per CSS rumschrauben zu müssen. Der Trick an Elementor soll ja gerade sein, dass man hier (angeblich) keinen Code schreiben muss.

Das Menü erscheint übrigens auch nicht, wenn die Seite leer ist: LINK

Alles sehr mysteriös! Werde nachher mal einen weiteren Header aufbauen und schauen, was da passiert.

Hier noch mein Ergebnis des angesprochenen Problems für alle die es interessiert.
Die Diagnose von @SirEctor war prinzipiell richtig und mit dem o.g. CSS funktioniert das Menü dann auch.

Ich habe aber nun auch die Einstellung dafür in Elementor gefunden: ScreenShot
Danke für die Unterstützung!