Trick # 372 | Dieser Beitrag beinhaltet 390 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Das Standard-Divi-Menu für die Anzeige auf Mobilgeräten zeigt einen farbigen Rand an. Ich mag das – aber es gefällt nicht allen. Hier ein Hack, wie Sie den Trennstrich los werden.
Auf der Dr-Code-Website wird beim Klick auf das Hamburger-Symbol auf Mobilgeräten ein Trennstrich zwischen Header und Mobilemenu angezeigt. So wie nebenan:
Dieser Trennstrich lässt sich bei Bedarf einfach ausblenden. Mit folgendem CSS-Code, den Sie in das CSS-Stylesheet Ihrer Website einbinden können – unter Design/Customizer/Zusätzliches CSS:
.et_mobile_menu {
border-top:0;
}Danach sieht das Mobilmenu so aus wie nebenan:
Werbung
Das Divi-Theme macht das Responsive Layout - also die Darstellung für alle Anzeigengrössen - einfacher. Sehr viel einfacher. So werden etwa nebeneinander platzierte Inhalte auf kleinen Anzeigegrössen gestapelt. Dabei wird aus dem «links nach ...
CSS-Variablen sind ein hervorragender Weg, um dereinst Anpassungen an Ihrer Website vorzunehmen. In einer Bibliothek definieren Sie Farbwerte, Fontgrössen, Abstände und vieles mehr. Bei den CSS-Klassen werden dann nicht mehr die Werte ...
Das Blogmodul kennt eine Rasteransicht und die Ansicht in voller Breite. Die Gestaltungsmöglichkeiten sind damit beschränkt. Eine interessante Form – nämlich die alternierende Anzeige des Beitragsbilds links und rechts – können Sie mit ein ...
Auf Ihrer Website können Sie ganz einfach Checklisten darstellen. Bloss ein wenig HTML- und CSS-Code ist nötig.
Keine Inhalte gefunden.
Werbung
