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
Im Slider-Modul des Divi-Themes lässt sich ein Button – etwa für zusätzliche Information o.ä. – anzeigen. Ab und an bräuchte man aber womöglich einen zweiten oder dritten Button. Ein solcher lässt sich ganz einfach erstellen.
Das Kontaktformular-Modul des Divi-Themes zeigt auf der Website eine Bestätigungsmeldung, wenn die Nachricht verschickt wurde. Diese Bestätigung ist reichlich diskret gestaltet und wenig auffällig. Sie lässt sich aber leicht stylen, damit sie ...
Gerade in mehrspaltigen Designs möchte man vielleicht ein Bildmodul in exakt derselben Höhe wie der nebenan liegende Text darstellen. Das schaffen wir mit ein wenig CSS-Code.
Normalerweise stellt Divi die zu präsentierenden Inhalte mit gebührendem Abstand an. Jedoch lassen sich auch mit dem Divi-Theme Inhalte überlappen - etwa Textblöcke. Wie's geht, zweigen wir Ihnen heute.
Werbung
