Create headers with Divi MadMenu

How To Create A Fullscreen Menu Using Divi MadMenu Header Popup

by | Jul 9, 2021 | 0 comments

Let’s see how you can create a Fullscreen menu using Divi MadMenu header popups feature.

Creating a Fullscreen menu is similar to creating a Slide-In menu that we’ve covered in the previous tutorial.

The difference is that you need to make the popup cover the entire screen instead of setting it a fixed width.

We also look into how you can create a popup Close Button using a Divi MadMenu Button element rather than the available Popup Close Button setting.

Using a Button element to create the Close Button allows you to design it any way you want since the Button element is very flexible.

Whereas the Popup Close Button setting adds a very basic close icon to the popup.

Watch this tutorial to see how it’s done:

So far we have covered how to create simple header popups, Slide-In and Fullscreen menus.

But that’s not all. We can also display different popups to logged in and logged out users clicking the same popup toggle button. And we will learn how to do that next.

Hope this tutorial is helpful, let me know if you have any questions or suggestions in the comments section below.

View Live Demos & Get Divi MadMenu

Download FREE Divi Sections

Subscribe To Our Newsletter

Join our mailing list to download Divi freebies and get notified of our discounts, latest news and updates.

You have Successfully Subscribed! Please confirm your email address.

Divi MadMenu Coming Soon!

Join our mailing list to get notified when the Divi MadMenu module is released! Check out the sneak peek...

You have Successfully Subscribed! Please confirm your email address.

Free Download Divi Section Layouts

Download 19 ready-to-use Divi templates for FREE!

You have Successfully Subscribed! Please confirm your email address.

Pin It on Pinterest

Share This