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

Created
Friday, 30 December 2022
Created by
Stefan J. Trucker
Last modified
Friday, 09 February 2024
Revised by
Stefan J. Trucker
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

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.

  • Joomla CMS Joomla Tipp - Responsive iFrame
    8 / 9 Editieren / Neu erstellen von Joomla Sprachdateien
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

Urheberrecht

Die durch den Seitenbetreiber erstellten Inhalte und Werke auf dieser Website unterliegen dem österreichischen Urheberrecht. Beiträge Dritter sind als solche gekennzeichnet.
Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechts bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.
Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.

Sämtliche Bilder, Texte und Videos auf dieser Seite wurden vom Betreiber selbst erstellt, sofern nicht anders angegeben.

 Design & Implementation by Stefan J. Trucker

3D Jake