MegaMenü unter dem Nav-Link platzieren

[tschero]

Moin Zusammen,


Lage:

• Contao 5.3.11
• EX 5.0.14
• Website mit derzeit 5 Links in der Hauptnavi
• MegaMenü (MM) soll benutzt werden
• MM auf 600px Breite begrenzt
• MM erscheint derzeit in der Mitte vom Bildschirm

Hat jemand eine Idee oder einen Ansatz, wie man das MM direkt unter dem dazugehörigen Navi-Link erscheinen lassen kann (nur Desktop)?
Die CSS-Klassen float_left oder float_right führen zu keinem passenden Ergebnis.

Grüße

[Tom]

Hi Tschero,

mit reinem CSS wird das nicht lösbar sein.
Das MM liegt direkt im Body und hat keinen Bezug zu den Menüpunkten.

Ich denke, der einzige gangbare Weg führt über eine individuelle JavaScript-Lösung, die auch den Sticky-Header berücksichtigt. Das ist jedoch mit einem gewissen Aufwand verbunden. Dabei müsste auch beachtet werden, wo sich der Menüpunkt genau befindet. Wenn er weiter rechts in der horizontalen Ausrichtung liegt, könnte dies dazu führen, dass das MM zu weit nach rechts verschoben wird.

Eine einfachere Lösung könnte darin bestehen, das Menü über die gesamte Breite laufen zu lassen, so wie es aktuell vorgesehen ist. Wenn es optisch zu wenige Menüpunkte gibt, könnte man dies eventuell durch ein passendes Bild auf der linken oder rechten Seite visuell ausgleichen.

Schöne Grüße
Tom

[tschero]

Moin Tom,

vielen Dank für die Info.

Grüße

[Tim]

Juhu Marco,
standardmäßig ist das nicht vorgesehen, da hat Thomas schon recht und je nach gewünschter Komplexität und Darstellung wird es CSS-technisch Nacharbeit brauchen.
Aber möglich ist das sicher schon mit bissel CSS Umbau und einer kleinen Template-Anpassung am Haupt-Navi Template verbunden, das dort ein Artikel oder ähnlich ausgegeben wird (quasi wie es früher mal war).

Das Megamenü kann nämlich auch individuell über das MegaMenü-Navigation-Modul ausgegeben werden. (kennt bestimmt noch keiner ) Die Referenzseite bestimmt die Quellseite / MM-Seite. Anbei ein Screenshot.

Das Modul kann dann wiederum auf allen klassischen Wegen eingebunden werden. Im nav_ Template müsste man eine kleine Stelle festlegen, auf welche Seite die Weiche greifen soll. Man würde dort via Artikel-Inserttag oder Modul-Inserttag das Modul einbinden.