As you scroll down it is often nice to change the color of the menu bar. To keep a clean look sometimes you need to change the DIVI Logo colors as well. Currently DIVI doesn’t have a built in option to swap the logo image between the primary and fixed menu bar. I’m sure they will add the feature in a later release but for now please use the following code snippet.

Change the DIVI Logo colors - Switch The Logo - Light to Dark DIVI

Swap the DIVI Logo

Use the following code in your child theme or under “Custom CSS” found at the bottom of the Divi Theme Options (back-panel)

img#logo {
content: url(https://Your-Page-load-Logo.png);

.et-fixed-header #logo {
content: url(https://Your-Fixed-Header-Logo.png);


If yo have any trouble feel free to shoot me a message this one isn’t too hard to fix.

I actually didn’t see that Quiroz already tackled this problem. His solution is a little more robust.  If my method doesn’t work for you take a look at his post.

Change The Logo When Scrolling Down

About Dirt River Design LLC

Dirt River Design is a web design and development company that serves Grand Forks, Devils Lake, Grafton, Crookston and surrounding areas. We specialize in helping companies move their business and advertising online. If you have been thinking about getting a website or need an update please give us a call.

Contact Us