December 22, 2020

How To Change Your Logo On Scroll In Divi

What To Expect From This post:

1) The CSS code snippet that will enable you to change your logo on scroll, within the fixed navigation menu in Divi.

2) Where to add your CSS.


1) Where To Add The CSS

In the WordPress sidebar menu, navigate to:

Divi > Theme Options > Custom CSS (at the bottom of the GENERAL tab).

This is where we’ll paste the CSS code.

This is what the section looks like.

2) Paste the following code

.et-fixed-header #logo {
content: url(;

You should insert the image URL for the logo that you wish to use, between the ( ).

To find the URL for the image, navigate to your WordPress media library, click on the image that you want to use for the fixed navigation logo, copy the image URL, and paste it in between the brackets in the Custom CSS snippet above.

For my website, I used the following CSS to change my logo on scroll:

.et-fixed-header #logo {
content: url(;

As you can see from my image URL, I made use of an SVG image as my logo. If you would like to learn how to enable SVG images on your website, check out this post.

Need A Website?

We specialize in designing highly professional websites for small to medium-sized businesses at an affordable cost.

Only pay us for the job once you are 100% satisfied with your new website.

We offer a lifetime after-sale support service for all of our customers.

3) Save

Once you’ve added the CSS code to your Custom CSS section, you can click save and that’s it!

Now you know how to change your logo on scroll, within the Divi fixed navigation menu.

DIVI Tutorials

For more useful Divi tutorials just like this one, go check out our Blog page where you’ll find a whole bunch of awesome goodies, to help make your website friggen AWESOME!


Subscribe to our newsletter if you would like to join our mailing list where you will receive things like specials, giveaways, and news. Don’t worry, we will NEVER send you any spam.


Submit a Comment

Your email address will not be published. Required fields are marked *