Mobile Ansicht und Hover-/Dropdown-Navigation

Hallo ins Forum - zugegeben etwas verwirrend der Titel.

Ich komme bei einer 4.4.46-Seite nicht weiter wo ich:
- 1 Headernavigation
- 1 Subnavigation
intergriert habe.

Praktischerweise habe ich eine Hover- oder Dropdown-Navigation der Header-Navi via CSS verpasst. Funktioniert alles tiptop.
Beim Modul der Headernavi habe ich als Start "0" und als Stop-Level "1" angegeben, damit in der mobilen Navi nicht der ganze Baum ersichtlich ist.

Das Problem. Die Dropdown-Navi funktioniert in der Desktop-Version nur beim aktiven Menüpunkt. Nicht aber bei den anderen?
Am Dropdown-Navi-CSS habe ich aber meines Wissens nichts verändert.

Kann mir jemand weiterhelfen?
Vielen Dank.

Link zur Seite wäre sicher hilfreich.

Zitat:

---

Zitat von mlweb

Link zur Seite wäre sicher hilfreich.

---

Sorry mlweb. Hier gelangst du zur Site

Ahoi,

wenn ich das Problem richtig deute, dass sich das Submenu wieder schließt, wenn man versucht es zu erreichen, sollte

Code:

---

li.submenu {padding-bottom: 5px;}

---

helfen.

Zitat:

---

Zitat von Stefko

Ahoi,

wenn ich das Problem richtig deute, dass sich das Submenu wieder schließt, wenn man versucht es zu erreichen, sollte

Code:

---

li.submenu {padding-bottom: 5px;}

---

helfen.

---

Hallo Stefko. Nein es geht darum, dass wenn ich im Backen die Navigationsstufen von Start 0 und Stop 1 benenne, mir dann das Submenu bei einem inaktiven Hauptnavi-Link nicht mehr erscheint.
Wenn du jetzt Auf Organisation in der Header-Navi klickst, dann oeffnet sich beim Hover kein Dropdown. Erst wenn du den Link "Organisation" angeklickt hast.

Bei Stop-Level 1 bekommst Du nur die erste Ebene angezeigt. Wenn Du zusätzlich Hard Limit ankreuzt gilt das auch für den aktuellen Menüpunkt.
Wenn Du das nicht willst darfst Du die Begrenzung nicht verwenden.
Das Ausblenden der zweiten Ebene in der mobilen Ansicht müsstest Du per css lösen.

Zitat:

---

Zitat von mlweb

Bei Stop-Level 1 bekommst Du nur die erste Ebene angezeigt. Wenn Du zusätzlich Hard Limit ankreuzt gilt das auch für den aktuellen Menüpunkt.
Wenn Du das nicht willst darfst Du die Begrenzung nicht verwenden.

---

Danke dir mlweb, wieder was gelernt. Super

Zitat:

---

Zitat von mlweb

Das Ausblenden der zweiten Ebene in der mobilen Ansicht müsstest Du per css lösen.

---

Hier bin ich nicht sattelfest. Wie lös ich das, dass dies nur bei aktivem Zustand sichtbar ist?
Sorry, stehe momentan irgendwie aufm Schlauch.

Dafür blendest Du die Ebene 2 aus und blendest diese nur ein, wenn das übergeordnete Element ausgewählt ist (Klasse: active)

Code:

---

.submenu .level_2 {
    display:none;
  }
.submenu.active .level_2 {
    display: block;
  }

---

Den Code natürlich nur für die kleinen Bildschirme verwenden.