niklas.ortmann/webprogrammierung
0
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

off canvas nav__checkbox

Browse Source
This commit is contained in:
NOrtmann1
2026-05-11 15:57:01 +02:00
parent d577bd11f1
commit e6412ef2cd
2 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/navbar.css
+8
View File
@@ -105,6 +105,10 @@ CSS für die navbar
display: block; display: block;
} }
.nav__checkbox {
display: none;
}
/* Responsive Anpassung unter 1210px */ /* Responsive Anpassung unter 1210px */
@media (max-width: 1210px) { @media (max-width: 1210px) {
.nav { .nav {
@@ -221,6 +225,10 @@ CSS für die navbar
overflow-y: auto; overflow-y: auto;
} }
.nav__checkbox:checked ~ .nav__mobile-menu {
left: 0;
}
.nav_mobile-menu.is-active { .nav_mobile-menu.is-active {
left: 0; left: 0;
} }
includes/navbar.php
+1
View File
@@ -12,6 +12,7 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
<button id="mobile-nav" aria-label="Menü öffnen"> <button id="mobile-nav" aria-label="Menü öffnen">
☰ ☰
</button> </button>
<input type="checkbox" id="nav-toggle" class="nav__checkbox">
<ul id="mobile-nav" class="nav__mobile-menu"> <ul id="mobile-nav" class="nav__mobile-menu">
<li><a href="auth/login.php">Anmelden</a></li> <li><a href="auth/login.php">Anmelden</a></li>