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.

↓

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:

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.

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.

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!