With this code snippet you can change your logo when scrolling down on a page.

/* Changes the logo when scrolling */
.et-fixed-header #logo {
    content: url(insert a new image url here);
}

This can be useful, for example, if your primary menu is transparent and your logo is white and you want the background of your fixed main menu to change from transparent to white when scrolling. In this case your logo would not be visible anymore. To avoid this you can change the logo when scrolling.

Just copy the code snippet into the Additional CSS section in the Divi Theme Customizer or into the stylesheet of your Divi Child Theme and insert the URL of your new logo into the area between the brackets.

Dir hat der Beitrag gefallen? Dann teile ihn gerne!