Mobile Navigation ohne Erweiterung

[PhilChrist]

Hallo Community,

wenn ich Erweiterungen, wie mmenu installiere schmiert meine komplette Seite ab und beim erneuten Aufrufen tritt ein Fehler auf.
Deshalb versuche ich meine Navigation selbst zu erstellen.

Mit Html und Css habe ich diese schon hinbekommen, allerdings habe ich in Contao keinen Zugang zu dem Html-Code meiner Navigation um diese dort zu realisieren.

Gäbe es eine Möglichkeit ein mobiles Menü in Contao selbst zu bauen oder bin ich abhängig von Erweiterungen?

Gruß Phil.

[Samuell]

Je nach dem was Du vor hast und wie Du geplant hast kannst Du das auch mit CSS/JS lösen.
In den meisten Fällten kann ich die normale Navigation benutzen und löse das mit einem Mediaquery.

zB
< 768px
Navi wird als mobile navi formatiert

> 768px Navi ist ein normales dropdown

Dann braucht man nur etwas JS für den Menubutton, der das Anzeigen/verstecken oder öffnen/schließen der mobilen Navi bewirkt.

Die genaue Umsetzung ist jedoch abhängig von Deiner Konzeption und den Layout.

[tab]

Notfalls und auf die Schnelle kann man auch mal eine Quicknavigation als mobile Navigation benutzen.

[PhilChrist]

Vielen Dank schon mal für die Rückmeldungen.

Die Navigation ist mit media queries auf jede Größe angepasst, allerdings würde ich gerne wie auf dem Bild zu sehen ist die Navigation bei <768px hinter einem Button verstecken.

Wie müsste ich dabei vorgehen?

NavSlider.jpg

[Samuell]

Erstelle einen Button, binde den entsprechend ein.

Organisiere Dir ein JS-Script, dass Dir bei Klick des Button die Navigation anzeigt oder versteckt.
Dies wird oft über das hinzufügen einer CSS-Klasse oder von inline-Styles gelöst.

Scripte solltest Du im Zusammenhang mit JQuery im Netz haufenweise finden.
Auch hier im Forum hab ich solche Scripte schon gesehen.

Das JS muss natürlich ebenfalls in die Seite (Layout) eingebunden werden und JQuery sollte aktiviert sein, sofern es genutzt wird.

[PhilChrist]

Alles klar vielen Dank.

Dann probier ich das mal aus. Falls es noch Probleme gibt melde ich mich einfach.

Gruß Phil.

[tblumrich]

Hi,

Ich benutze derzeit bei einigen Projekten probeweise die folgende Erweiterung als Alternative zu dk_menu:
mobile_menu von Codefog

Funktioniert hier problemlos und ist auch schön flexibel bestückbar, da man eigene Navigationsmodule oder auch andere Elemente ins Menü einbauen kann.
Einstellungen lassen sich ansonsten sehr bequem direkt im Modul machen.

Gruß
Thomas