Make it sticky: Beliebige Divi-Elemente, Sektionen oder Zeilen am Seitenkopf (oder -fuss) fixieren

25. September 2022 | Divi-Theme

Geschätzte Lesezeit für diesen Beitrag: ca. 3 Minuten.

Menüs, Footer – aber auch andere Divi-Elemente – sollen beim Scrollen womöglich immer sichtbar bleiben. Einst war dies nur über CSS-Codes zu erreichen. Mittlerweilen liefert Divi die Option mit – versteckt sie aber gut. Wir haben die Sticky-Option aufgespürt.

Sektionen, Zeilen (oder Rows) – aber auch Textblöcke oder viele weitere Module aus der Divipalette führen in den Einstellungen unter «Advanced» (oder «Erweitert») die Option «Scroll Effects».

Standardmässig ist diese Option auf «Do not Stick» eingestellt, was sinnvoll ist: meist soll ja ein Inhalt beim Scrollen verschwinden, damit der Platz frei ist für später folgende Abschnitte.

Gerade für Menus – möglicherweise auch für andere Elemente – möchte man es ab und an anders. Klicken Sie darum mal «Stick To Top» aus der Auswal an.

Nun öffnen sich weitere Optionen. Standardmässig ist etwa der Top Offset auf 0px eingestellt. Damit wird das entsprechende Element beim Scrollen genau an den oberen Seitenrand geklebt – bzw. an das nächst obere Sticky-Element.

Wenn stattdessen ein Abstand dazu gewünscht wird, wählen Sie beim Top Offset einfach einen höheren Wert.

Voilà. So easy geht das. Die Antwort auf die Frage, warum diese patente Einstellung in den weniger oft genutzten erweiterten Settings landete, bleibt uns Divi derweil schuldig …

Werbung

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.






Vielen Dank.

Pin It on Pinterest

Share This