Watch the Stream!

Beispielcode für PC Doc Berlin.html

// HTML:

<div style="width: 100%;/*! grid-column: 1 / span 4; */">
<input type="checkbox" id="menu_trigger" name="menu_trigger">
  <label for="menu_trigger"></label>
  <nav>
 <!-- Menü -->
 <a href="index.php" class="navi"><b>Startseite</b></a>
 <a href="index.php?list=40" class="navi">Dienstleistungen</a>
 <a href="index.php?list=35" class="navi">Notebooks Gebraucht</a>
 <a href="index.php?list=38" class="navi">Computer Gebraucht</a>
 <a href="index.php?list=34" class="navi">Merch</a>
 <a href="index.php?anz=warenkorb" class="navi"><b>Zum Warenkorb</b></a>
 <hr style="border: 1px solid #2B262D">
 <!-- Informationen -->
 <a href="index.php?anz=impressum" class="navi">Impressum / Kontakt</a>
 <a href="https://www.laptopfix.de/download/AGb.pdf" target="_blank" class="navi">Allgemeine Geschäftsbedingung</a>
 <a href="https://www.laptopfix.de/download/Widerruf-Rueckgabe.pdf" target="_blank" class="navi">Widerruf und Rückgabe</a>
 <a href="https://www.laptopfix.de/download/Datenschutz.pdf" target="_blank" class="navi">Datenschutzerklärung</a>
 <hr style="border: 1px solid #2B262D">
 <!-- Newsletter -->
 <b>&nbsp;Newsletter abonnieren</b><br>
 <form action="index.php" method="post">
  <input type="hidden" name="anz" value="newsletter">
  <input type="hidden" name="mode" value="add"> 
  <input type="text" name="email" value="" style="width:250px;">
  <input type="submit" value="Newsletter abonnieren" style="width:250px; text-align:center;">
 </form>
</nav>
</div>


// CSS:
label[for="menu_trigger"]::before {
	content: "☰";
	color: #fff;
	font-size: 2rem;
	cursor: pointer;
}
#menu_trigger {
	display: none;
}
input#menu_trigger:checked ~ nav {
	display: none;
}