Trick # 367 | Dieser Beitrag beinhaltet 227 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Heute ein Hack, der ist fast schon fertig, wenn Sie mit Lesen beginnen: Wir richten das Mobilmenu des Divi-Themes zentriert aus.
Um die Navigation der Divi-Website auf Tablets und Mobiltelefonen zentriert darzustellen, benötigen Sie folgenden kleinen CSS-Code, den Sie in das CSS-Stylesheet Ihrer Website unter Design/Customizer/Zusätzliches CSS einfügen:
.et_mobile_menu li a {
text-align: center;
}Voilà – das war’s auch schon. Funktioniert übrigens mit dem Divi-Standardmenü UND mit dem Menü-Modul.
Werbung
Mit dem Menu-Modul des Divi-Themes lassen sich auch Submenüs darstellen - es gibt aber keine Option, solche Submenüs auch ständig anzuzeigen, wenn die übergeordnete Seite aktiv ist. Mit ein wenig CSS-Code lässt sich aber dies beheben.
Lange Wörter – besonders in Überschriften und Titeln – können dazu führen, dass in der Mobilansicht unschöne Umbrüche entstehen. Mit ein wenig CSS-Code eliminieren Sie dies.
Das Accordion- oder Akkordeon-Modul des Divi-Themes weist ein Icon rechts der angezeigten Titel auf. Doch wenn der Accordion-Inhalt geöffnet wird, verschwindet dieses Icon. Das lässt sich beheben. Der Trick ist ein einfacher.
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 ...
Keine Inhalte gefunden.
Werbung
