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 

{Code}1,<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>{/Code}

Um einen Wer Template Override zu  erstellen, muss die Datei in den Ordner

dein_Template/custom/engine/page.html.twig 

verschoben werden. Wer diesen Schritt nicht macht, muss bei jedem Update die Änderung erneut durführen.

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.

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.