Offenes mobiles Menü Icon ändern

Standardmäßig wird das mobile Divi Menü Icon, das sogenannte Burger-Icon, sowohl bei geschlossenem als auch geöffnetem Menü angezeigt.

Mit diesem Codeschnipsel kannst du das Icon für das geöffnete Menü ganz einfach ändern.

Hier ein Live-Beispiel:

 

So funktioniert’s:

Füge folgenden Code deinem Stylesheet im Divi Child Theme hinzu oder füge den Code im Bereich Zusätzliches CSS im Divi Theme Customizer ein:

.opened .mobile_menu_bar:before {
    content: "d";
}

Fertig! Nun sollte sich das Icon beim öffnen des mobilen Menüs ändern.

Wenn dir dieses Codeschnipsel geholfen hat oder du noch Fragen zum Codeschnipsel hast, freue ich mich über einen kurzen Kommentar von dir!

Endecke weitere Divi Codeschnipsel

Logo beim Scrollen ändern

Logo beim Scrollen ändern

Mit diesem Codeschnipsel kannst du dein Logo beim Scrollen ändern. /* Ändert das Logo beim Scrollen */ .et-fixed-header #logo { content: url(hier neue Bild-URL eintragen); } Das kann z.B. sinnvoll sein, wenn dein Hauptmenü transparent und dein Logo weiß ist und sich...

Dem Informationstext Titel einen Unterstrich hinzufügen

Dem Informationstext Titel einen Unterstrich hinzufügen

Füge deinen Titeln einen stylischen Unterstrich hinzu. Kopiere dazu folgenden Code in den Einstellungen deines Informationstexts unter Erweitert > Benutzerdefinierte CSS > Vorher. content:""; background:#000; /* Hier Farbwert ändern */ height:3px; width:50px;...

2 Kommentare

  1. arne

    hi tobias,

    danke für den tipp, allerdings wechselt das icon nicht zum X sondern zum Punkt-Listen-Icon (d). Eine Idee, wie ich den Code für das richtige Icon rausbekomme? (Nutze WordPress 5.8.1)

    Antworten
    • Tobias

      Hallo Arne,

      danke für deinen Kommentar. Das Problem hatte ich auch schonmal…

      Kannst du mir vielleicht per Mail einen Link zu der Seite schicken? Dann schaue ich es mir mal an.

      Viele Grüße,
      Tobias

      Antworten

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Du nutzt noch kein Divi Child-Theme?

Dann hol dir mein fertiges Divi Basis-Child Theme als perfekte Basis für deine Divi Website!

Hey, ich bin Tobias!

Portraitfoto von Tobias Both

Ich bin selbstständiger Webdesigner und der Gründer von Divitorials.

Seit rund einem Jahr veröffentliche ich auf diesem Blog Tutorials, Tipps und Tricks rund um das beliebte Divi Theme von Elegant Themes und teile meine Erfahrungen, die ich während meiner Arbeit als selbstständiger Webdesigner mit Divi sammeln konnte.

Mehr über mich erfahren

🎉 Sichere dir noch bis Ende des Jahres 25% Divi Rabatt beim großen Cyber Monday Sale 2021!Hier alle Infos zum Sale*
+