Welche Responsive Navigation?

[peter_lang]

Hallo zusammen,

bin etwas konfus, vlt könnt ihrmir Tipps geben.
Ich habe auf der Seite 2 Navigationen, das hauptmenu und auch oben eine individuelle Navigation. Bei mobile zeith sich alles flexibel zusammen bis zum Punkt wo ich dann die media queries einsetzen muss.

Nun wollte ich die flyout mobile Lösung einbauen, die mit den 3 Strichen btn aber finde keine, durch die ich steige. Hat einer vlt eine verständliche Beschreibung oder Link, wie man das in contao einbaut?

..als Alternative wäre noch die seitliche flyin Navigation, hat einer Erfahrung damit? Akzeptanz?

Danke im Voraus.

[lomex]

Also mit dk_mmenu bist du auf der sicheren Seite. Ist auch eigentlich nicht schwierig und steht alles in der Beschreibung:

1. Baue ein Navigationsmodul vom Typ dk_mmenu ins Seitenlayout ein. Im Modul eine ID vergeben (z.B. "mobilenav").
2. Baue ein HTML-Modul (<a href="#mobilenav" id="toggler"><img src="hamburger-icon.png" /></a> ebenfalls ins Seitenlayout ein
3. aktiviere jQuery
4. Positioniere den Toggler an die gewünschte Stelle
5. Per Media-Query blendest du unter xxx px die normale Navi aus.

Fertig.

[peter_lang]

Danke schön. Das wäre dann die Variante mit ins Bild sliden, korrekt?

[lomex]

Siehe hier
http://mmenu.frebsite.nl/

[peter_lang]

Coole Sache, hat super geklappt.
Danke.

[Zaolat]

Moin Moin,

ich habe das für meine Seite auch probiert.
Bin vorgegangen, wie hier beschrieben.
Ein Icon taucht zwar auf, und reagiert auch auf den Klick. Allerdings lande ich danach auf der Startseite und es erscheint kein Menü. Habe ich was vergessen einzustellen?

J Query ist im Backend komplett aktiviert.

[lomex]

Schick mal bitte einen Link / alternativ den HTML-Code vom Toggler

[Zaolat]

Hier der Link

Den Toggler hatte ich bisher nicht eingerichtet, da ich nicht wußte, was bei dem zu beachten ist.

[lomex]

Der Toggler ist ja der Button, den du bereits eingebaut hast. Die ID würde ich ggfls. dahingehend ändern (id="navtoggler"). Bei Dir fehlt noch die mobile Navi. So läuft #mobilenav ja ins Leere. Daher wird die Startseite aufgerufen.

[Zaolat]

Habe den Toggler nun mal angepaßt und das Modul der dk_menu mit eingebaut. Doch geht es dann noch immer ins Leere. Was habe ich falsch gemacht, dass es nicht greift?

[lomex]

Das dk_mmenu taucht aber irgendwie noch nicht auf. Hast du es im Seitenlayout eingebunden?

[Zaolat]

Ja, das Modul habe ich eingebunden;
nutze verschiedene Layouts. Das Modul ist im Seitenlayout der Startseite und auch im Seitenlayout der Testseite vorhanden.
Im Modul selber habe ich die Standardeinstellungen genommen und als ID mobilenav eingerichtet.

[Zaolat]

danke Lomex. Du hast mir sehr schnell und kompetent geholfen!
Jetzt funktioniert es

[lomex]

Im Menü wurde als Referenzseite nur eine Seite angegeben. Das hat Probleme verursacht.

[mschindler]

Hallo zusammen,
Ich habe auf folgenden Seiten eine jQuery Navi eingesetzt, die ich für aktuell die beste Variante halte.

http://www.snowboarden.de

http://www.deinwinterdeinsport.de

Nachteil:
Der größte Aufwand ist die Anpassung an CI per CSS und Icons. Für Contao muss noch das default Navigations Template erweitert werden. Bei Überlagerungen mit Header oder Hauptnavigationspunkten in Form von Bildern ist viel Handarbeit am CSS erforderlich.

Vorteile:
Nutzt vorhandenes jQuery, Responsive, Touch am Mobile, Effekt für öffnen und schließen.

Wenn Ihr weitere Varianten habt, lasst es mich wissen.

Viele Grüße

Markus

[korlbeu]

ich nutze bootstrap... ich persönlich finde auch das grid flexibler...hab mir dazu eine eigen erweiterung geschrien um es in contao zu integrieren... macht sich super und habe viel zeitersparnis....

bsp.
http://zk-gmbh.de/
http://lac-dessau.de/