Hauptmenü mobilen Breakpoint ändern

/* Hauptmenü mobilen Breakpoint ändern */
@media (max-width: 1024px) {
   #et_mobile_nav_menu {
      display: block;
   } 
   #top-menu {
      display: none;
   }
}

Englischsprachiger Originalartikel: Fixing your responsive navigation menu in divi von Jason Champagne

Endecke weitere Divi Codeschnipsel

Offenes mobiles Menü Icon ändern

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: [video width="326"...

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...

4 Kommentare

  1. Armin

    Hallo Tobias,
    danke für Deinen Code-Schnipsel. Es funktioniert leider nicht bei mir 🙁

    Gruß
    Armin

    Antworten
    • Tobias

      Hallo Armin,

      wo hast du das Codeschnipsel denn hinkopiert? In den Custom CSS-Bereich von Divi? Oder in dein Child-Theme?
      Versuch auch mal mit dem Wert 1024px zu spielen. Es kann sein, dass du den Wert erhöhen musst (z.B. auf 1400px), damit eine Änderung sichtbar wird.

      Viele Grüße,
      Tobias

      Antworten
      • Armin

        Hallo Tobia,
        im Custom CSS Bereich.
        Er bleibt unverrückbar bei 980px. Da kann ich eingeben was ich will. Keine Chance.
        Danke für Deine Hilfe.

        Gruß
        Armin

      • Tobias

        Hallo Armin,

        ich habe das Codeschnipsel gerade nochmal getestet… bei mir klappts ohne Probleme. Vielleicht überschreibt irgendetwas anderes den Code.
        Hast du die Möglichkeit mir einen Link zur besagten Seite per PN zukommen zu lassen? Meine Kontaktinfos findest du hier.

        Viele Grüße,
        Tobias

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