Menüs und Webseiten-Header sind immer eine ganz besondere Herausforderung. Eigentlich ist es doch ganz einfach, einen Header zu erstellen. Hat man einmal seinen Stil bei einem Header in Divi gefunden, so kann man ihn ziemlich häufig verwenden.
Abhängig davon, wie beispielsweise die Startseite oder die Startsektion in Divi aussehen soll, gibt es manchmal andere Möglichkeiten, Optionen oder auch andere Anforderungen an einen Header.
Beispielsweise möchtest du ein Hero-Image, also ein Vollbild, das sich über die gesamte Sektion oder den sichtbaren Bereich above the fold erstreckt. In diesem Fall kann es sehr interessant aussehen, insbesondere bei einem dunklen Bild, den Header bzw. das Menü im Header auf transparentem Hintergrund zu machen.
Hast du allerdings einen Sticky-Header, also dass der Header immer sichtbar ist, auch wenn du auf der Seite herunterscrollst, dann würde bei einem Wechsel zu einem weißen oder helleren Bild oder Hintergrund das nicht mehr funktionieren, weil weißer Text auf weißem Bild oder Hintergrund nicht lesbar ist. Dafür brauchen wir einen Header, der initial einen transparenten Hintergrund hat und sobald er in den sogenannten Sticky-Modus kommt, auf einen kurzen, schmalen, farbigen Hintergrundstreifen wechselt.