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

Um sicherzustellen, dass bei einem Update die Änderung nicht überschrieben werden, muss die Datei im Template Ordner abgelegt werden. So wird sichergestellt, dass die für das Template optimierte Datei auch beim passenden Template abgelegt ist. Hierzu 

/templates/DEIN_TEMPLATE/custom/engine/page.html.twig 

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.