Sie wollen, dass Ihr Elementor-Header immer oben angezeigt wird? Dann müssen Sie Ihren Elementor Header sticky machen. Wir zeigen, wie.
Von hause aus, ist ein Header, den Sie in Elementor erstellt haben, fest. Das bedeutet, dass er, sobald Sie oder Ihre Besuchenden auf der Webseite scrollen, verschwindet.
Dies können Sie ändern, indem Sie einen sogenannten Sticky-Header benutzen. Wie das in Elementor geht, erklären wir Ihnen.
Was ist ein Sticky-Header?
Wenn ein Header „sticky“ ist, dann bedeutet das, dass dieser immer auf der Webseite zu sehen ist. Sprich, wenn Sie oder Ihre Besuchenden auf der Webseite runterscrollen und beispielsweise in der Mitte eines Beitrags sind, wird der Header, in dem sich meist die Navigation befindet, immer noch angezeigt.
Dies kann vorteilhaft sein, da Ihre Besuchenden jederzeit auf die Navigation zugreifen können und somit zu einem anderen Punkt auf Ihrer Webseite navigieren können.
Ob Sie einen Header sticky machen und nutzen wollen oder ob sie darauf verzichten, ist ganz Ihnen überlassen. Sowohl die Nutzung, als auch die Vermeidung solch eines Sticky-Headers, kann Vorteile und Nachteile bieten.
So können Sie einen Elementor Header sticky machen
Um einen Header in Elementor sticky zu machen, benötigen Sie eine Pro-Variante von Elementor. Besitzen Sie diese, dann ist die Umstellung Ihres Headers kinderleicht.
Wählen Sie den Container, der Ihren Header darstellt beziehungsweise in dem sich Ihr Header befindet, im Editor von Elementor aus. Navigieren Sie anschließend in den Tab „Erweitert“ und gehen hier auf „Bewegungseffekte“.
Dort finden Sie den Punkt „Sticky“, in dem Sie die Optionen „Keine“, „Oben“ oder „Unten“ auswählen können. Wählen Sie hier den Punkt „Oben“ aus, dann ist ihr Header ab sofort sticky und verschwindet nicht, wenn Sie auf Ihrer Webseite scrollen.
Neben einem Header, ist auch ein Footer ein gängiges Element, welches Sie auf den meisten Webseiten finden und auch selbst benutzen sollten. Hier können Sie beispielsweise Kontakt-Daten und selten besuchte, rechtlich relevante, Seiten unterbringen: So erstellen Sie einen Footer in Elementor.
