In diesem Beispiel nutzen wir für unseren Header das Modul: Vollbreite Kopfzeile. Dabei ist darauf zu achten, dass dein Hintergrundbild möglichst so gewählt ist, dass es keine Rolle spielt, welchen Bildausschnitt du dabei zeigst, denn in der mobilen Ansicht wird dieses Bild einfach an den Rändern beschnitten. Es eigenen sich also eher Muster als Hintergrund oder eben Bilder, bei denen der Bildausschnitt weniger wichtig ist.
Du kannst in dieser Variante mit dem Parallax-Effekt arbeiten und der vollen Höhe. D.h. der Besucher sieht dem kompletten Header im „ABOVE THE FOLD Bereich“ – also dem Bereich, den ein Desktop anzeigt, wenn er das volle Browserfenster nutzt. Du kannst aber auch die Höhe selbst bestimmen, wenn du mit den Abständen arbeitest und sie für dich anpasst.
In diesem Modul hast du außerdem die Möglichkeit, mit einem oder zwei Buttons zu arbeiten und so auf deine Angebote oder Inhalte hinzuweisen. Ein schönes Modul, wenn man beim Hintergrundbild darauf achtet, dass es nur als Designelement dient.