Sprache auswählen

  • Deutsch
  • English
Stefan J. Truckers Homepage
  • Projekte Zeigbares
  • 3D Druck 3D Druck FDM / FFF
      • Back
      • STL. Sammlung
      • Fakten & Tipps
      • FDM Design Guide
      • Filament Finder
      • FDM 3D Druck Hilfestellung
      • FDM Firmware
          • Back
          • Klipper
          • RepRap Firmware
      • Kaufberatung
          • Back
          • 3D Drucker 3D Drucker
          • Komponenten
  • Media Foto Video Web
      • Back
      • Foto & Video
          • Back
          • Tipps
          • Equipment
      • Web
          • Back
          • Joomla CMS
          • Skripte & Codes
          • Optimierung
          • Sicherheit
          • Soziale Medien
      • Gallery
  • Programme Software
  • Bastel Ecke
      • Back
      • RC-Sport Funkgesteuert
      • CNC Fräsen
      • Laser Gravieren / Schneiden
  • Vita Alltägliches
      • Back
      • Haus & Wohnen
  • Über Über Stefan
      • Back
      • Werdegang
      • Gönne mir was
  • Unterstütze Projekt & Mich
  • Media
  • Web
  • Joomla CMS
  • Off Canvas Toggle Button verschieben in Gantry 5 / Joomla
  • Foto & Video
      • Tipps
      • Equipment
  • Web
      • Joomla CMS
      • Skripte & Codes
      • Optimierung
      • Sicherheit
      • Soziale Medien
  • Gallery

Off Canvas Toggle Button verschieben in Gantry 5 / Joomla

19 Off Canvas Toggle Button verschieben in Gantry 5 / Joomla /medias/web/joomla-cms/off-canvas-toggle-button-verschieben-in-gantry-5-joomla
  • 1
  • 2
  • 3
  • 4
  • 5
Created
Freitag, 30. Dezember 2022
Created by
Stefan J. Trucker

In Gantry 5 ist das Template in viele einzelne Komponenten verteilt, was die Seite super Modular macht, jedoch oft man sehr lange suchen muss, 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

            <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>



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

Nun muss 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 Menusetting einstellen, dass das Menü immer angezeigt wird und nicht nur in der Mobilen Ansicht.

FaLang translation system by Faboba
  • Projekte Zeigbares
  • 3D Druck 3D Druck FDM / FFF
      • Back
      • STL. Sammlung
      • Fakten & Tipps
      • FDM Design Guide
      • Filament Finder
      • FDM 3D Druck Hilfestellung
      • FDM Firmware
          • Back
          • Klipper
          • RepRap Firmware
      • Kaufberatung
          • Back
          • 3D Drucker 3D Drucker
          • Komponenten
  • Media Foto Video Web
      • Back
      • Foto & Video
          • Back
          • Tipps
          • Equipment
      • Web
          • Back
          • Joomla CMS
          • Skripte & Codes
          • Optimierung
          • Sicherheit
          • Soziale Medien
      • Gallery
  • Programme Software
  • Bastel Ecke
      • Back
      • RC-Sport Funkgesteuert
      • CNC Fräsen
      • Laser Gravieren / Schneiden
  • Vita Alltägliches
      • Back
      • Haus & Wohnen
  • Über Über Stefan
      • Back
      • Werdegang
      • Gönne mir was
  • Unterstütze Projekt & Mich
  • Suche
  • Impressum
  • Datenschutzerklärung
  • Anmeldung
      • Back
      • Registrierung
  • Tags
      • Back
      • 3D Druck
      • YouTube
  • Sitemap
© 2025 Stefan J. Trucker
Gestaltung & Umsetzung von Stefan J. Trucker

3D Jake