Das einfache Hamburger-Icon ist dir als Divi Menü Icon zu langweilig? Kein Problem!
Mit folgenden Codes erhältst du zwei zusätzliche Divi Menü Icons, entweder mit eckiger oder runder Box, die du in deinem Webdesign nutzen kannst:
1. Divi Menü Icon eckig
/* Divi mobiles Menü Icon ändern */
.mobile_menu_bar:before {
content: "b";
}
2. Divi Menü Icon rund
/* Divi mobiles Menü Icon ändern */
.mobile_menu_bar:before {
content: "c";
}Dir hat das Codeschnipsel weitergeholfen? Dann freue ich mich über einen kurzen Kommentar von dir!
Super Tipp! Gibt es auch einen Code, um die Farbe des Icons zu ändern? Das lässt sich bei mir irgendwie nicht ändern und es ist fast nicht zu sehen weil zu hell… Danke!
Hallo Hannah, vielen Dank für deinen Kommentar!
Die Farbe des Icons wird meine ich über die Akzentfarbe in Divi gesteuert. Diese kannst du im Divi Theme Customizer unter Allgemeine Einstellungen > Layout-Einstellungen > Akzentfarbe im Design einstellen.
Du kannst die Farbe aber auch über das Codeschnipsel überschreiben. Füge einfach folgenden Code ein:
/* Divi mobiles Menü Icon ändern */
.mobile_menu_bar:before {
content: "b";
color: #666 !important;
}
Ersetze den Code #666 durch deine gewünschten Farbcode.
Ich hoffe das hilft!
Viele Grüße,
Tobias
Super, vielen Dank! Hatte den Codeschnipsel schon recherchiert und angepasst, aber das mit den Akzentfarben ist eine gute Info! Danke dir!
Gerne 🙂