Select your language

  • Deutsch
  • English
Stefan J. Truckers Homepage
  • Projects Displayable
  • 3D Printing 3D Printing FDM / FFF
      • Back
      • STL. Collection
      • Facts & Tips
      • FDM Design Guide
      • Filament Finder
      • 3D Printing Help
      • FDM Firmware
          • Back
          • Klipper
          • RepRap Firmware
      • Purchase Advice
          • Back
          • 3D Printer 3D Printer
          • Components
  • Media Photo Video Web
      • Back
      • Photo & Video
          • Back
          • Tipps
          • Equipment
      • Web
          • Back
          • Joomla CMS
          • Scripts & Coding
          • Optimization
          • Security
          • Social Media
      • Gallery
  • Programs Software
  • Craft Corner
      • Back
      • RC-Sport Funkgesteuert
      • CNC Fräsen
      • Laser Gravieren / Schneiden
  • Vita Alltägliches
      • Back
      • Haus & Wohnen
  • About About Stefan
      • Back
      • Career Path
      • Treat Me
  • Support Project & Me
  • Media
  • Web
  • Joomla CMS
  • Off Canvas Toggle Button verschieben in Gantry 5 / Joomla
  • Photo & Video
      • Tipps
      • Equipment
  • Web
      • Joomla CMS
      • Scripts & Coding
      • Optimization
      • Security
      • Social Media
  • Gallery

Off Canvas Toggle Button verschieben in Gantry 5 / Joomla

19 Off Canvas Toggle Button verschieben in Gantry 5 / Joomla /en/medias/web/joomla-cms/off-canvas-toggle-button-verschieben-in-gantry-5-joomla
  • 1
  • 2
  • 3
  • 4
  • 5
Created
Friday, 30 December 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
  • Projects Displayable
  • 3D Printing 3D Printing FDM / FFF
      • Back
      • STL. Collection
      • Facts & Tips
      • FDM Design Guide
      • Filament Finder
      • 3D Printing Help
      • FDM Firmware
          • Back
          • Klipper
          • RepRap Firmware
      • Purchase Advice
          • Back
          • 3D Printer 3D Printer
          • Components
  • Media Photo Video Web
      • Back
      • Photo & Video
          • Back
          • Tipps
          • Equipment
      • Web
          • Back
          • Joomla CMS
          • Scripts & Coding
          • Optimization
          • Security
          • Social Media
      • Gallery
  • Programs Software
  • Craft Corner
      • Back
      • RC-Sport Funkgesteuert
      • CNC Fräsen
      • Laser Gravieren / Schneiden
  • Vita Alltägliches
      • Back
      • Haus & Wohnen
  • About About Stefan
      • Back
      • Career Path
      • Treat Me
  • Support Project & Me
  • Search
  • Impressum
  • Privacy Policy
  • Registration
      • Back
      • Registration
  • Tags
      • Back
      • 3D Print
      • YouTube
  • Sitemap
© 2025 Stefan J. Trucker
 Design & Implementation by Stefan J. Trucker

3D Jake