All Collections
FAQ's and Troubleshooting
How to change your logo when you scroll
How to change your logo when you scroll

Changing the logo when you scroll can be done with Custom CSS.

Karen avatar
Written by Karen
Updated yesterday

To get a different logo image for the Fixed Navigation header (when you scroll the page) simply add the following code to the Custom CSS field in WP Dashboard > Divi Theme Options > General Settings > Custom CSS (at the bottom)

.et-fixed-header img#logo {
    content: url('http://icons.iconarchive.com/icons/google/noto-emoji-animals-nature/1024/22221-cat-icon.png');
}

Don't forget to define your own logo image inside the single quotes. So, you'll need to replace this image URL:

http://icons.iconarchive.com/icons/google/noto-emoji-animals-nature/1024/22221-cat-icon.png

Did this answer your question?