Da ich den Off-Canvas Toggle button neben dem Logo fix in der Headerleiste positionieren wollte um diese gemeinsam als "Sticky Header" zu definieren, musste ich die position manuell neu definieren. Wo man die Datei findet und was man damit alles machen kann habe ich in diesem Artikel zusammengefasst.

Die Umsetzung

In Gantry 5 ist das Template in viele einzelne Komponenten verteilt, was die Seite super Modular macht, jedoch musss man oft sehr lange suchen, wo nun die gewünschte Funktion ist, speziell, wenn man so wie ich ein Freizeitprogrammierer ist.

Bei meinem Aktuellen Template wollte ich den Off-Canvas Toggle Button in den Header integrieren und so musste ich den Code in den Gantry 5 Einige suchen, um dafür einen Override zu erstellen.

Die zu verändernde Datei findet sich unter

 media/gantry5/engines/nucleus/templates/page.html.twig  (früher template/common/engine/templates/page.html.twig)

Hier ist folgender Code zu entfernen 

<div class="g-offcanvas-hide g-offcanvas-toggle" role="navigation" data-offcanvas-toggle aria-controls="g-offcanvas" aria-expanded="false"><i class="fa fa-fw fa-bars"></i></div>

Template Override erstellen

Leider muss die Datei überschrieben werden und as nach jedem Updaten da Gantry 5 für Core Files keinen Override zulässt.

Einfügen des Codes

Anschließend kann dieser Code an der Stelle eingefügt werden, wo man den Toggle Butten haben möchte, in meinem Fall war es im sticky Header. Erzeuge hier in Gantry 5 im Layout manager einfach eine Custom HTML Particle mit dem Code.

Um den Butten auch im Tablet Modus sichtbar zu haben kann in der Styles Einstellung ganz unten in den Menu Setting einstellen, dass das Menü immer angezeigt wird und nicht nur in der Mobilen Ansicht.