Trick # 368 | Dieser Beitrag beinhaltet 256 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Das Mobilmenü des Divi-Themes können Sie auf die ganze Anzeigehöhe erstrecken. Das kann der Übersicht dienen. Wir zeigen Ihnen wie das geht.
Für ein Mobilmenü, welches auf der Divi-Website auf der gesamten Anzeigehöhe dargestellt wird, benötigen Sie den folgenden CSS-Block. Fügen Sie ihn unter Design/Customizer/Zusätzliches CSS in das Stylesheet Ihrer Website ein:
.et_mobile_menu {
min-height:100vh !important;
min-height: -webkit-fill-available;
padding-top:50px !important;
}
html {
height: -webkit-fill-available;
}
.mobile_nav.opened .et_mobile_menu {
display:block !important;
}Das ist schon alles.
Der Hack lässt sich übrigens vorzüglich ergänzen mit dem Trick, welcher für das Mobilmenu auch die ganze Anzeigebreite nutzt. Lesen Sie dazu den Beitrag «Mobiles Menü im Divi-Theme über gesamte Breite laufen lassen».
Werbung
Die Divi-Galerie lässt sich Bild für Bild in einer Lightbox öffnen, ohne die eigentliche Galerie auf der Seite anzuzeigen. Die Photoshow kann per Klick auf einen Link oder Button ganz einfach gestartet werden und poppt dann auf.
Die Metatexte (Datum, Kategorie, AutorIn) erscheinen im Divi-Blog-Modul standardmässig unter dem Titel als Links. Es gibt aber die Möglichkeit, daraus Schaltflächen zu bauen und diese über das Bild zu legen. Hier zeigen wir Ihnen, wie Sie dies ...
Heute – zum Anlass des 500. Beitrags aus der Praxis von Dr. Code – stellen wir ein Tutorial zur Verfügung, mit welchem sich ganz einfach eine Lesefortschrittsanzeige auf der Divi-Website erstellen lässt. Sie besteht aus einem Balken, der auf ...
Das Website-Logo lässt sich im Divi-Menü zentriert darstellen. Es erscheint dann oberhalb der Navigationspunkte. Besonders wenn man dann das Menümodul auf «sticky» trimmt, bleibt so beim Scrollen oft ein sehr mächtiger Inhalt stehen, der Platz ...
Keine Inhalte gefunden.
Werbung
