Solved Mobile View

Yes. We don't have any options to overwrite the default Divi mobile menu.

But just added this premade section called: Custom Mobile Menu. You can add it in any premade Divi header & it will replace the default Divi mobile menu with that. So that you will also get to choose which menu to be shown in mobile as well.

Attached is the json file for the Custom Mobile Menu. Just import it in Divi Library.

We also updated the json file in v2.0 to include that: https://divi.help/threads/divi-ultimate-header-plugin-v2-0-0.1331/

 

Let me explain to you how the Custom Mobile Menu works:

1. I assumed you already chose a custom header style in Theme Customizer > Divi Ultimate Header Plugin > Header & Navigation Styling > Choose Your Custom Navigation Style

2. No matter which header style you chose in Theme Customizer, it will revert back to the default Divi header in mobile, so that you can have slide in / fullscreen menu in mobile. But you can still choose which custom header element to show below the default Divi header in mobile, by setting the visibility option in the individual module / section settings.

3. Now, if you wish to completely hide the default Divi header in mobile & use your own Divi Builder menu in mobile: First, go to Divi > DU Header - Library to edit your selected custom header styles. Then, click Add a new section > Add From Library > Custom Mobile Menu & save it. That's it. The default Divi header is now hidden in mobile & uses the premade Divi Builder mobile header.

4. As for the mobile button that you mentioned: First, go to Divi > DU Header - Library to edit your selected custom header styles.Then add a new section / row & add your button modules in it. Then, go to the Section settings (with the button modules in it) > Advanced > Visibility > tick Desktop. That's it. Your new section with button modules will only show in mobile only.
**See screenshot below:



Let me know if you need any further explanation.

 

In our premade mobile menu section, there's a code module in it that hide the DIvi standard mobile menu. Make sure you did not delete the code module in it.

What you can do is delete the previous mobile menu section that you added & add the premade mobile menu section again. And see if it works.

 

Kindly share your URL.

 

Not sure why it's not rendering the CSS correctly on your side. Kindly paste the below CSS in Divi > Theme Options > Custom CSS:

Code:

Log In or Sign Up to view this code.

 

To do that, go to the Mobile menu Section settings > Advanced > CSS Class & add free-sticky

Then, go to Divi > Theme Options > Custom CSS & add the below CSS:

Code:

Log In or Sign Up to view this code.

Also noticed few issues on your site:

1. Your logo image module seems to be loading full size in tablet view. You should set the width 100px for all views, not just phone view.

2. To make the mobile hamburger menu center, you can try to adjust this CSS margin:

Code:

Log In or Sign Up to view this code.

**Similarly, this CSS code is put in Divi > Theme Options > Custom CSS.

 

Not quite sure what you meant by this. Kindly share screenshot on that & your site URL.