[Limited Time Offer] Get 40% off ALL ACCESS MEMBERSHIP before it’s gone!👉
mark Hendriksen logo

Prevent the Logo in Divi to Shrink When Scrolling Down

by Mark Hendriksen | Feb 13, 2019 | Divi tutorials | 5 comments

HomeDivi tutorialsPrevent the Logo in Divi to Shrink When Scrolling Down

Mark Hendriksen

I am the founder here at MarkHendriksen.com a blog website for Web design, WordPress, and popular page builders.

By default the fixed header height in Divi shrinks down the menu and logo when you start scrolling down the page. This makes the header more compact. If you or your client don’t like this effect than you can disable this from happening. You only have to make one very simple adjustment.

Stop the Divi header from shrinking down on scroll

In your WordPress dashboard go to:

Go to Divi > Theme Customizer > Header & Navigation > Fixed Navigation Settings

Divi theme logo in fixed navigation bar

Change the fixed menu height value to the same value as in the menu height settings:

Divi > Theme Customizer > Header & Navigation > Primary Menu Bar

When you scroll down the page the fixed header will remain the same size.

That’s it!

You Might Also Like…

5 Comments

  1. Dan

    ok that keeps the size however my background is black with white text. When you scroll it changes to white background white text?

    Reply
    • Mark

      You can change the background and text color of the fixed header in Divi > Theme customizer > header & navigation > Fixed navigation Settings

      Reply
  2. RODOLFO URBANO

    Thanks for this guide. I do hate the shrinking part.

    Reply
  3. liz

    Thanks Mark! This was really helpful. Sometimes I stare at a screen so long I can’t see the obvious.

    Reply
  4. ryan

    Thank you VERY much!!

    Reply

Submit a Comment

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