7.3 Navigation & Touch-Zonen
Best Practices für mobile Menüs, Hamburger-Icons und Interaktionsverhalten.
Inhaltsverzeichnis
A. Aufbau
- Hamburger-Icon sichtbar ab 1024px
- Menü-Overlay oder Dropdown (max. Höhe: 100vh)
- Schriftgröße: 1.25em
- Zeilenhöhe: 1.4
B. Interaktion
Schließe das Menü automatisch nach Klick auf einen Link. Vermeide Animationen, die den Viewport verschieben.
Tipp: Verwende in Elementor → Header Template ein globales Nav-Widget für alle Seiten, um Änderungen zentral zu pflegen.
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container