Aufgabe: #
Die Navigation liegt über einem Video oder Bild und ist transparent. Die Navigation soll am oberen Browserrand verbleiben und muss deshalb nach dem scrollen eine Hintergrundfarbe erhalten.
Lösung: #
Link zur Anleitung von elegant themes
Hinweis: Das Menu hat einen Bug, manchmal ist die Navigation auch transparent, obwohl man bereits gescrollt hat. Das Problem ist bekannt aber es gibt noch keine Lösung!
Divi Toolbox #
Header | Enable Custom Fixed Header einschalten
Theme Builder #
Im Theme Builder wird ein benutzerdefinierter Header aufgebaut.
Section #
Advanced | Scroll Effekte die Option: Bleiben sie oben auswählen
Inhalt | Hintergrund Farbe für Standard tranparent
Inhalt | Hintergrund Farbe für sticky weiß (oder gewünschte Farbe)
Design | Zwischenraum padding-top: 0 padding-bottom: 0
Design | Box Schatten aktivieren
Advanced | CSS class: dtb-fixed-always eintragen (Divi Toolbox)
Row #
Design | Zwischenraum padding-top: 0, padding-bottom: 0
Menu Modul #
Menu Modul: Einstellungen wie gewünscht für Version als transparente Navigation und dann als Navigation auf weiß (sticky Version)
