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
Das Submenü im Divi-Theme lässt sich in den Design-Optionen des Menü-Moduls zwar stylen - so richtig anpassen können Sie die Submenüs aber bloss mit CSS. Die dafür nötigen Klassen haben wir in einem Bausatz zusammengestellt. Möge er Ihnen das ...
Externe Links in einem Blogbeitrag oder auf einer Website zu kennzeichnen, ist nicht nur eine Frage des Designs, sondern auch der Benutzerfreundlichkeit. Es hilft den Besuchern, schnell zu erkennen, dass sie die Website verlassen, wenn sie auf ...
Im «Visuellen Builder» kann im Divi-Theme auch der Header und der Footer bearbeitet werden. Das ist eigentlich ganz praktisch – wer aber nicht genau weiss, was er/sie tut, kann auch ganz viel kaputt stylen. Sowohl Header als auch Footer lassen ...
Das Login-Formular des Divi-Themes lässt sich so einstellen, dass nach erfolgreicher Anmeldung gleich wieder auf jene Seite umgeleitet wird, auf welcher man zuvor war. Das wird häufig der passende Weg sein - aber nicht immer. Ab und an zöge man ...
Keine Inhalte gefunden.
Werbung
