2. Burger Menü HTML einbauen

Im Header ersetzen:

Suche:

<header class="kopf">

     <div class="logo">
          <jdoc:include type="modules" name="logo" />
     </div>

     <nav class="navigation">
          <jdoc:include type="modules" name="menue" />
     </nav>
</header>

 

Ersetzen durch:

<header class="kopf" id="kopf">

     <div class="kopfzeile">
          <div class="logo">
               <jdoc:include type="modules" name="logo" />
          </div>

          <div class="burger" id="burger">
               <span></span>
               <span></span>
               <span></span>
          </div>
     </div>

     <nav class="navigation" id="navigation">
          <jdoc:include type="modules" name="menue" />
     </nav>

</header>

 
 

3. JavaScript einbinden

In index.php vor </body> einfügen: