Lesefortschritt:

Logowechsel beim Scrollen im Divi-Standard-Menü

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

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

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.






Vielen Dank.

Pin It on Pinterest

Share This