Herausforderung – Lange Seiten und kräftiges Scrolling lassen Navigationen aus dem Blickfeld verschwinden. Das kostet Klicks, erhöht die Absprungrate und erschwert wichtige Aktionen wie Kontakt, Kauf oder Anmeldung.

Lösung – Dieses Snippet zeigt ein globales Sticky-Menü, sobald Nutzer rund 200 px nach unten scrollen. Das Menü fixiert sich am oberen Rand, bleibt klar sichtbar und überlappt Inhalte nicht – für schnellere Wege, bessere Orientierung und spürbar mehr Interaktionen.

So funktioniert’s – Das Snippet fügt kompaktes CSS im Kopfbereich ein und steuert die Anzeige per leichtgewichtigem JavaScript im Footer. Es greift ein vorhandenes Menü-Element mit der Klasse .my-sticky-header auf, blendet es bei Bedarf ein und setzt eine Body-Klasse für den nötigen oberen Abstand. Keine Template-Eingriffe, keine Abhängigkeit von jQuery.

Vorteile –
• Mehr Sichtbarkeit für Navigation & CTAs
• Theme-unabhängig, minimalinvasiv
• Sauberes Layout dank Body-Abstand
• Performance-leicht, kein Tracking
• Einfache Aktivierung und Rückbau

Kompatibilität & Technik – (Annahme) WordPress ≥5.8, PHP ≥7.4. Funktioniert mit gängigen Themes und Page-Buildern (z. B. Elementor), da es lediglich ein vorhandenes Menü-Element benötigt. CSS wird über wp_head, die JS-Logik über wp_footer injiziert. (Annahme) Keine Cookies, kein externes Asset-Loading.