DokuWiki

Anleitung für ein Off-Canvas-Menu / Sidekick

http://www.cssscript.com/pure-css-sidebar-toggle-menu-sidekick/

1. sidekick.css einbinden
2. Ein Toggle Menu erstellen
3. Sidebar Navigation erstellen
4. Der komplette Seiteninhalt muss in die Class=“sidekick-body” erstellt werden

  <span class="sr-only">Menu Toggle</span>
    </label><!-- toggle menu -->
	<div class="sidekick">
	  <nav class="sidekick-panel">
             <h1>Sidekick Menu</h1>
               <ul>
                  <li><a href="#">Nav Item 1</a></li>
                  <li><a href="#">Nav Item 2</a></li>
                  <li><a href="#">Nav Item 3</a></li>
                  <li><a href="#">Nav Item 4</a></li>
              </ul>
        </nav><!-- toggle menu -->
     
     <div class="sidekick-body">
       <!-- content -->
     </div>