Divitorials
  • Startseite
  • Empfohlene Tools
  • Divi Tutorials
  • Codeschnipsel
  • Über Mich
  • Fertiges Divi Child Theme
  • Deutsch
  • English
Seite wählen

Home / Codeschnipsel / Divi Logo beim Scrollen ändern

Zur Codeschnipsel Übersicht

Divi Logo beim Scrollen ändern

von Tobias | 19. August 2021 | 0 Kommentare

Divi 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 der Hintergrund deines fixierten Hauptmenüs beim Scrollen von transparent zu weiß ändern soll. Dann wäre dein Logo nicht mehr sichtbar. Um das zu vermeiden kannst du das Logo beim Scrollen ändern.

Kopiere dazu das Codeschnipsel einfach in den individuellen CSS Bereich im Divi-Theme-Customizer bzw. in das Stylesheet deines Divi-Child-Themes und füge in dem Bereich zwischen den Klammern die URL deines neuen Logos ein.

Dir hat der Beitrag gefallen? Dann teile ihn gerne!

  • teilen 
  • merken 
  • teilen 
  • teilen 
  • E-Mail 

Entdecke weitere nützliche Codeschnipsel:

  • Divi Dropdown Menü breiter machen
  • Aktuellen Divi Hauptmenü-Link unterstreichen
  • Im Divi Dropdown Menü einen Tooltip Marker einfügen
  • Divi Logo Größe ändern
  • Divi Hauptmenü-Link als Button anzeigen
Zur Codeschnipsel Übersicht

Tobias

Tobias ist Gründer von Divitorials.com und Inhaber des B&F Webdesign Studio. Als leidenschaftlicher Webdesigner hilft er kleinen und mittelständischen Unternehmen sowie Selbstständigen und Freiberuflern online erfolgreicher zu sein. In seiner Freizeit liebt er es Gitarre zu spielen, zu verreisen oder etwas Leckeres zu kochen.

Abonnieren
Anmelden
Benachrichtige mich bei
guest
guest
0 Kommentare
Inline Feedbacks
View all comments

Hey, ich bin Tobias!

Portraitfoto von Tobias

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

Seit rund zwei Jahren 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

divitorials-logo-light

© 2022 Divitorials. Alle Rechte vorbehalten.

Diese Website wurde mit dem Divi Theme* von Elegant Themes und Wordpress erstellt

Hinweis: Die mit Sternchen (*) gekennzeichneten Links sind sogenannte Affiliate-Links. Wenn du auf so einen Affiliate-Link klickst und über diesen Link einkaufst, bekomme ich von dem betreffenden Anbieter eine Provision. Für dich verändert sich der Preis nicht.

  • Impressum
  • Datenschutzerklärung
  • Cookie-Einstellungen
  • Kontakt
wpDiscuz