Solved Divi Powerful mobile header

First, you need to make sure that you're not using Divi Theme Builder header.

Also, you need to use one of our premade header design, which can be set at: Theme Customizer > Divi Powerful Settings > Header & Navigation Styling

And lastly, refer here: https://divi.help/threads/if-i-use-...w-slide-in-or-fullscreen-menu-on-mobile.1251/

Let me know how it goes.

 

I see you wish to retain the Divi Builder menu. By default, our header is using the default menu, so that you can have slide in / fullscreen default menu on mobile. But it's weird that your side is still not switching to the default fullscreen menu after choosing it.

Anyway, to achieve what you want: Retaining the Divi Builder menu:

Here's a quick fix for you. Just paste the below CSS in Divi > Theme Options > Custom CSS:

Code:

Log In or Sign Up to view this code.

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

The CSS code above alone will fix your issue.

Alternatively, if you want more specific solutions:

If you see from your screenshot, the logo section & image module is blurred out, meaning they're set to be hidden on tablet & mobile in the settings > Advanced > Visibility.

As for the sticky menu, by default, sticky section will be hidden in mobile. But if you wish to show the sticky section in mobile as well, add this CSS Class in the section settings: free-sticky-mobile-show

And to hide the default menu, here's the CSS:

Code:

Log In or Sign Up to view this code.