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

mobile nav links

Browse Source
This commit is contained in:
NOrtmann1
2026-05-12 19:22:47 +02:00
parent 1db44ade6f
commit 4aef921299
2 changed files with 68 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/navbar.css
+11
View File
@@ -109,6 +109,10 @@ CSS für die navbar
display: none;
}
.nav__mobile-submenu {
display: block;
}
/* Responsive Anpassung unter 1210px */
@media (max-width: 1210px) {
.nav {
@@ -243,4 +247,11 @@ CSS für die navbar
border-bottom: 1px solid #333d43;
}
.nav__mobile-submenu {
display: block;
list-style: none;
padding: 0;
background: rgba(0, 0, 0, 0.15); /* Etwas dunkler als der Hintergrund */
}
}
includes/navbar.php
+57 -3
View File
@@ -15,9 +15,63 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
</label>
<ul id="mobile-nav" class="nav__mobile-menu">
<li><a href="auth/login.php">Anmelden</a></li>
<li><a href="404.php">Mathe</a></li>
<li><a href="404.php">Physik</a></li>
<li><a href="profile.php">Profil</a></li>
<li class="nav__item-mobile">
<span class="mobile-label">Sprachen</span>
<ul class="nav__mobile-submenu">
<li><a href="404.php">Deutsch</a></li>
<li><a href="404.php">Englisch</a></li>
<li><a href="404.php">Französisch</a></li>
<li><a href="404.php">Latein</a></li>
<li><a href="404.php">Literatur</a></li>
</ul>
</li>
<!-- MINT Dropdown -->
<li class="nav__item-mobile">
<span class="mobile-label">MINT</span>
<ul class="nav__mobile-submenu">
<li><a href="mathe.php">Mathematik</a></li>
<li><a href="404.php">Biologie</a></li>
<li><a href="404.php">Chemie</a></li>
<li><a href="physik.php">Physik</a></li>
<li><a href="informatik.php">Informatik</a></li>
<li><a href="404.php">Astronomie</a></li>
</ul>
</li>
<!-- Gesellschaft & Werte Dropdown -->
<li class="nav__item-mobile">
<span class="mobile-label">Gesellschaft & Werte</span>
<ul class="nav__mobile-submenu">
<li><a href="404.php">Geschichte</a></li>
<li><a href="404.php">Erdkunde</a></li>
<li><a href="404.php">Sozialkunde</a></li>
<li><a href="404.php">Wirtschaftskunde</a></li>
<li><a href="404.php">Religion</a></li>
<li><a href="404.php">Ethikunterricht</a></li>
<li><a href="404.php">Philosophie</a></li>
<li><a href="404.php">Psychologie</a></li>
<li><a href="404.php">Kunst</a></li>
<li><a href="404.php">Musik</a></li>
<li><a href="404.php">Theater</a></li>
</ul>
</li>
<!-- Technik & Praxis Dropdown -->
<li class="nav__item-mobile">
<span class="mobile-label">Technik & Praxis</span>
<ul class="nav__mobile-submenu">
<li><a href="404.php">Technik</a></li>
<li><a href="404.php">Werken</a></li>
<li><a href="404.php">Hauswirtschaft</a></li>
<li><a href="404.php">Sport</a></li>
</ul>
</li>
<!-- Auth-Links -->
<li><a href="login.php">Anmelden</a></li>
<li><a href="register.php">Registrieren</a></li>
</ul>
<!-- normale Navbar (Desktop) -->