Get a Custom Header Built for Your Divi Website

5

How To Create A Fullscreen Menu Using Divi MadMenu Header Popup

by Ivan Chiurcci | 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

0 Comments

Submit a Comment

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

Get FREE Divi Layouts

Download 20+ Divi templates for FREE!

Please confirm your email address to complete your subscription. Thank you!

Copy link