Solved How to add a secondary menu that changes when you scroll down ( like default divi)

Sorry I don't quite get what you trying to achieve. Kindly elaborate more with some screenshot. Also kindly share your URL as well.

 

Sorry to say that our header plugin doesn't support transparent background menu. You can only do that with the default Divi header.

As for the different menu & logo after scrolling down, you can only change it immediately after it become sticky / fixed (using custom CSS). If need it to take effect only after scrolling for certain distance, then you will need custom jQuery to achieve that.

In short, if you need it to be exactly like the site: https://www.webnexus.nl/ it will be pretty complicated to achieve with our header plugin.

============

The easiest way to achieve that is to use the default Divi header. You get to set transparent menu + set smaller menu height & different color after scrolling, right in the Theme Customizer. The only issue is the button & changing logo.

For the button, you can try this tutorial: https://joshhall.co/how-to-create-call-action-button-for-the-divi-menu/

And for the changing logo, you can use the below code in Divi > Theme Options > Integration > Body Code. Remember to change the YOUR IMG URL LOGO to your logo URL.

Code:

Log In or Sign Up to view this code.

**Taken from: https://joshhall.co/how-to-create-a-logo-swap-effect-in-divi/

 

Try the below CSS in Divi > Theme Options > Custom CSS:

Code:

Log In or Sign Up to view this code.

 

Change the hover width percentage back to 100%.

Then add the below CSS in Divi > Theme Options > Custom CSS:

Code:

Log In or Sign Up to view this code.

 

Try this:

Code:

Log In or Sign Up to view this code.

 

Check this out: https://divi.help/threads/way-to-change-logo-on-fixed-header-when-scrolling.2479/#post-7746

Try the below CSS in Divi > Theme Options > Custom CSS:
**Adjust the value to to suit your need.

Code:

Log In or Sign Up to view this code.

 

Noticed few issues.
1. The previous post CSS doesn't shrink your button. Remove the previous CSS & try the below CSS instead in Divi > Theme Options > Custom CSS:

Code:

Log In or Sign Up to view this code.

2. For the jumping left issue, I tweaked the CSS to work for your case. You will need to remove the previous one as well.

Code:

Log In or Sign Up to view this code.

3. Noticed a double scrolling issue on mobile for your site. Try the below CSS in Divi > Theme Options > Custom CSS to fix it:

Code:

Log In or Sign Up to view this code.

As for this, you can post it in our Customer Testimonial section for our product

See screenshot below: