Trick # 151 | Dieser Beitrag beinhaltet 325 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Das Divi-Menu wächst seitwärts, je mehr Inhalte angezeigt werden. Bisweilen kann das Menu dabei «überlaufen» – bzw. zweistöckig dargestellt werden. Dies lässt sich ändern, wenn auf einer Website das Menu von allem Anfang an auf der ganzen Seitenbreite dargestellt wird – und dies auch bei weniger Menupunkten.
Alles, was Sie benötigen, ist ein wenig CSS-Code. Diesen fügen Sie in das Stylesheet des Child-Themes Ihrer WordPress-Seite ein. Sie finden es unter Design/Customizer/Zusätzliches CSS:
.et_pb_fullwidth_menu .et_pb_menu__menu {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul {
justify-content: space-between;
}
.et_pb_fullwidth_menu .et_pb_menu__menu,
.et_pb_fullwidth_menu .et_pb_menu__menu > nav,
.et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul,
.et_pb_menu .et_pb_menu__menu,
.et_pb_menu .et_pb_menu__menu > nav,
.et_pb_menu .et_pb_menu__menu > nav > ul {
flex-grow: 1;
}Das Divi-Menu wird nun auf der gesamten Seitenbreite dargestellt. Auch bei weniger Navigationspunkten.
Werbung
Menüs, Footer - aber auch andere Divi-Elemente - sollen beim Scrollen womöglich immer sichtbar bleiben. Einst war dies nur über CSS-Codes zu erreichen. Mittlerweilen liefert Divi die Option mit - versteckt sie aber gut. Wir haben die ...
Das Menümodul des Divi-Themes bietet schon einige Styling-Möglichkeiten. Um so richtig Chef über die Darstellung zu werden, bedarf es aber ein wenig CSS-Code. Diesen stellen wir Ihnen hier vor.
Das Divi-Theme bietet neben allerhand einleuchtenden Modulen auch das Code-Modul. Still und leise fristet es sein Dasein - dabei hat es echt Power unter der Haube. Eine Würdigung des oft unterschätzten Divi-Code-Moduls.
Die Beitragsbilder, welche im Blog-Modul des Divi-Themes gezeigt werden, sind normalerweise mit dem Beitrag verlinkt. Ein Klick – und der Beitrag wird geöffnet. Falls Sie dies stört, können Sie den Link ganz einfach deaktivieren. Sie benötigen ...
Keine Inhalte gefunden.
Werbung
