Lesefortschritt:

Ein Floating Menue im Divi-Theme erstellen – ein Trick, der auch mit anderen Divi-Elementen funktioniert

12. Februar 2025 | Divi-Theme

Trick # 429 | Dieser Beitrag beinhaltet 522 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.

Wenn Sie ein vertikales Menü verwenden, vermissen Sie vielleicht eine Option, dieses immer anzuzeigen – auch dann, wenn einE BesucherIn der Website nach unten scrollt. Doch auch andere Inhalte möchten Sie vielleicht ständig anzeigen lassen, damit Ihre User sie nicht durch Scrollen aus dem Blickfeld verlieren. Geht ganz einfach.

Zur Veranschaulichung haben wir hier nebenan gleich ein so genanntes «Floating Menu» installiert. Wenn Sie herunter scrollen, wird die Menübox mitwandern.

Das hat natürlich insbesondere bei umfangreichen Texten Vorzüge: Das Menü bleibt immer im Blickfeld und kann jederzeit angeklickt werden.

Um dies auch auf Ihrer Website umzusetzen, wählen Sie ein Spaltenlayout aus, das eine Spalte in der gesamten Höhe des Contents für Ihr Menu freihält. In diese Spalte fügen Sie nun ein Menümodul ein und bestimmen, welches Menü angezeigt werden soll.

Nun wechseln Sie im Bearbeitungsmodus des Menümoduls auf den Tab «Erweitert» und scrollen nach unten zu den «Scroll Effects». Dort wählen Sie unter «Sticky Position» die Option «Stick to Top».

Nun sollte Ihr Menü zum «Floating Menu» geworden sein und einfach mitfliessen, wenn Sie auf der Seite scrollen.

 

PS: Der Hack funktioniert natürlich auf die genau gleiche Weise mit jedem beliebigen Divi-Modul.

PPS: Falls Sie nicht wissen, wie Sie Ihr normales horizontales Manü zum vertikalen umbauen, können wir Ihnen den Trick «Vertikale Navigation mit dem Divi-Menu-Modul erstellen» zur Lektüre empfehlen.

 

Werbung

Werbung

 

Pin It on Pinterest

Share This