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
Das Internet lebt von Bildern – wahrlich eine Binsenwahrheit. Aber die Bilder lassen sich leicht animieren. So dass sie etwa beim Laden einer Seite automatisch ein- oder auszoomen. Wie einfach das geht, zeigen wir Ihnen heute.
Out oft the box schaut das Suchfeld des Divi-Themes etwas ärmlich aus. Mit unserem CSS-Bausatz können Sie das Suche-Modul aber ganz einfach dem Styling Ihrer Website anpassen.
Standardmässig macht das Divi-Theme aus jedem Menü auch eine mobile Variante für Tablets und Mobiltelefone. Das ist meist patent - oft braucht man auf diesen Geräten aber kein Footer-Menu. Wenn Ihnen das Standardmenu im Header auf Mobilgeräten ...
Mit dem Passwortmodul von Divi können Sie passwortgeschützte Seiten mit dem Divi-Builder gestalten. Mit einem kleinen zusätzlichen Hack stellen Sie sicher, dass der Cursor im Passwortfeld des Passwort-Moduls sofort bereit ist, wenn die Seite ...
Keine Inhalte gefunden.
Werbung
