Ergebnis 1 bis 3 von 3

Thema: Mobile Navigation schließt nicht, bei Klick auf Sprungmarken

  1. #1
    Contao-Nutzer
    Registriert seit
    22.08.2012.
    Beiträge
    81

    Standard Mobile Navigation schließt nicht, bei Klick auf Sprungmarken

    Liebe Community, die mobile Navigation schließt leider nicht, wenn ich auf Sprungmarken weiterleiten, weiß jemand wie ich das beheben kann?
    https://2022.gaststaette-zierolshofen.de/


    DANKE

  2. #2
    Alter Contao-Hase
    Registriert seit
    24.02.2021.
    Beiträge
    1.005
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hier wird ein Checkbox Hack benutzt um die Navigation zu öffnen und zu schließen.

    Binde einfach folgendes JavaScript in einer *.js Datei in deinem Layout ein:

    PHP-Code:
    const mobileNavLinks document.querySelectorAll('.header-mobile-nav .level_1 > li > a');
    const 
    checkboxNav document.getElementById('global-toggle-menu');

    function 
    initCloseLinks() {

        if(!!
    mobileNavLinks && !!checkboxNav)
        {
            
    let closeNav = () => { checkboxNav.checked false }

            
    mobileNavLinks.forEach(el => {
                
    el.addEventListener('click'closeNav)
            })
        }
    }

    initCloseLinks(); 

  3. #3
    Contao-Nutzer
    Registriert seit
    22.08.2012.
    Beiträge
    81

    Standard

    1000 DANK, das funktioniert!!!

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 2 (Registrierte Benutzer: 0, Gäste: 2)

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •