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
Mal eben mit dem Textmarker was markieren – das sollte man natürlich am Monitor nicht tun. Trotzdem zeigen wir Ihnen, wie Sie Text-Highlights hinzufügen können. Gleich fünf Varianten haben wir am Start.
Manchmal kann es hilfreich sein, wenn die Navigation der Website beim Scrollen etwas geschrumpft wird. Sie «klebt dann beispielsweise ganz oben an der Seite – nimmt dort aber etwas weniger Platz ein. Das geht ganz einfach mit einem Script und ...
Teil 3 unseres «Call-To-Action»-Specials: Der Link, der zu einem Hover-Button mitsamt Icon wird. Augenfällig und gefällig.
Unlängst haben wir Ihnen gezeigt, wie Sie Separatoren im Divi-Menu-Modul platzieren. Das funktioniert natürlich auch, wenn Sie das Standard-Menu des Divi-Themes verwenden. Der CSS-Code ist freilich etwas anders.
Keine Inhalte gefunden.
Werbung
