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
Unlängst haben wir Ihnen gezeigt, wie Sie Separatoren im Divi-Menu-Modul platzieren. Das funktioniert natürlich auch, wenn Sie das Standard-Menu des Divi-Themes verwenden. Der CSS-Code ist freilich etwas anders.
Das Divi-Theme sieht standardmässig ein Logobild vor, welches im Header angezeigt wird. Viele GestalterInnen möchten aber lieber den Seitentitel im Header anzeigen. Diese Möglichkeit existiert, ist aber ein wenig versteckt.
Wenn Sie wie viele WordPress-NutzerInnen automatische Updates aktiviert haben, wird Ihr Divi-Theme brav im Hintergrund aktualisiert – das spart Zeit und sorgt für Sicherheit. Doch was passiert, wenn bald Divi 5 erscheint? Soll dieses grosse ...
Heute zeigen wir Ihnen einen hübschen Gestaltungs-Trick: Das beliebige Divi-Element, das sich in einer Lightbox öffnet. Das eröffnet tolle Möglichkeiten bei der Webgestaltung.
Keine Inhalte gefunden.
Werbung
