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

    Das Divi-Menü mit Icons ergänzen

    Icons sind eine tolle Möglichkeit, das Menü der Website interessanter zu gestalten. Das richtige Icon sieht gut aus und gibt dem Nutzer einen Hinweis darauf, worum es sich bei dem Link handelt. Icons im Menü anzuzeigen ist überdies kein Hexenwerk.
    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This