Lesefortschritt:

    Logowechsel beim Scrollen im Divi-Standard-Menü

    16. Juni 2024 | CSS-Stylesheet, Divi-Theme

    Trick # 353 | Dieser Beitrag beinhaltet 222 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.

    Wenn Sie das Standard-Menü des Divi-Themes nutzen, lässt sich das Website-Logo beim Scrollen mit einem einfachen CSS-Trick auswechseln Wir zeigen Ihnen, wie das geht.

    Um beim Scrollen ein anderes Logobild für die Kopfzeile der Divi-Standard-Navigation zu erhalten, fügen Sie den folgenden CSS-Code in das CSS-Stylesheet Ihrer Website ein. Dies geschieht im Backend unter Design/Customizer/Zusätzliches CSS:

    .et-fixed-header img#logo {
    content: url('https://DOMAIN.CH/MIT-BILDPFAD/UND-DATEINAMEN');
    }

    Den Passus auf Zeile 2 https://DOMAIN.CH/MIT-BILDPFAD/UND-DATEINAMEN müssen Sie dabei mit dem kompletten Pfad des gewünschten Logos ersetzen.

    Werbung

    Submenu-Special #1: Submenüs mit CSS stylen

    Das Submenü im Divi-Theme lässt sich in den Design-Optionen des Menü-Moduls zwar stylen - so richtig anpassen können Sie die Submenüs aber bloss mit CSS. Die dafür nötigen Klassen haben wir in einem Bausatz zusammengestellt. Möge er Ihnen das ...
    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This