Trick # 203 | Dieser Beitrag beinhaltet 371 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Standardmässig legt das Divi-Theme beim Menu für die Mobilansicht links und rechts noch einen Rand fest. Besonders bei längeren Wörtern in der Navigation kann das in der schmalen Mobilansicht suboptimal sein. Mit wenig CSS-Code lässt sich die gesamte Breite nutzen.
Den untenstehenden Code fügen Sie ganz einfach in das CSS-Styleheet Ihres Child-Themes ein. Sei finden das entsprechende Eingabefenster unter Design/Customizer/Zusätzliches CSS:
.et_mobile_menu {
width: 100vw !important;
margin-left: -12.5%;
}So einfach! Testen Sie nun das Resultat.
In vielen Situationen passt der obige linke Rand (wie er in Zeile 3 steht) gut. Ab und an muss der Wert aber noch etwas angepasst werden, damit das Menü ansprechend dargestellt wird.
Auch die gesamte Anzeigehöhe lässt sich mit dem Mobilmenü ausfüllen. Mehr dazu in unserem Trick «Mobilmenü auf gesamter Seitenhöhe anzeigen».
Werbung
Wenn man auf einer Divi-Website mit der Maus über ein Bild hovert, wird dort der Name des Bildes als Text eingeblendet. Das stört bisweilen - es lässt sich aber einfach ausschalten. Wir zeigen Ihnen wie.
Heute ein echter Quicktipp: Eine einzige Codezeile wird benötigt, um im Slider-Modul des Divi-Themes den Hintergrund zwar zu wechseln, den Text aber statisch beizubehalten.
Der heutige Tipp ist gleichsam ein kleines Weihnachtsgeschenk an die Besucherinnen und Besucher der Dr. Code-Praxis: Wir bauen eine Divi-Seite, auf welcher Sie mit dem Mausrad punktgenau von Sektion zu Sektion scrollen können.
Divi enthält ein Galeriemodul, mit dem Sie ein Raster von Bildern anzeigen können. Wenn Sie darauf klicken, öffnen sich diese Bilder in einem Leuchtkasten. Wenn Sie dieses Galerie-Popup stärker hervorheben möchten, erfahren Sie hier, wie Sie ...
Keine Inhalte gefunden.
Werbung
