Lately, we’re introducing new menu parts, menu looping, and selector-based concentrated on and breakpoint triggers to the interaction builder.

Those new options, at the side of Divi 5’s broader systems like canvases and semantic elements, all come in combination to provide the freedom to construct any form of menu, together with mega menus, slide-in menus, and extra.

We aren’t finished including extra menu options. We’re including them piece by way of piece, and each and every piece unlocks a huge vary of latest probabilities.

Take a look at the next video to look the brand new characteristic in motion. 👇

New Menu Elements

To provide the maximum freedom to construct any form of menu, we’re including smaller menu parts that may faucet into broader techniques.

As a substitute of being locked into a selected structure, you’ll be able to construct your personal! With interactions, nested components, sticky components, and quite a lot of helpful menu parts (buttons, social icons, and extra), you’ll be able to construct absolutely anything.

Lately, we’re including two extra items to the puzzle: the Hyperlink and Dropdown modules.

Hyperlink Module

The hyperlink module could be very easy; it allows you to upload hyperlinks! Mindblowing, proper? Each and every menu begins with hyperlinks, in order that’s the place we began too.

You’ll be able to use the menu module to construct your personal menus, as an alternative of the usage of the WordPress menus machine at once. Upload a hyperlink module, plug in Dynamic Content material corresponding to Web page Identify and URL, and now you’ve gotten an evergreen menu merchandise

Simple!

Dropdown Module

You’ll be able to already construct dropdown menus the usage of the interaction builder. However it does take a bit setup.

The brand new drop-down module encapsulates that common sense, making it simple to create dropdown menus at the fly.

While you upload a dropdown module within a component, the interactability is routinely tied to the mother or father part. While you hover over or click on the mother or father part, the dropdown menu seems. You’ll be able to upload it anyplace.

The dropdown menu is a clean canvas; upload hyperlinks to create a menu, or upload rows and construct your personal mega menu the usage of any part.

Menu Loops

You’ll be able to construct your personal menus from particular person modules, or you’ll be able to use the brand new Menu Loop to loop thru pieces of a WordPress menu.

As an example, as proven within the video beneath, if I activate looping for a hyperlink and choose the Menu question sort, I will choose between the entire menus on my internet sites.

Subsequent, I will plug in dynamic content material from the loop, corresponding to menu textual content and menu hyperlinks, and now I’ve created my very own dynamic menu with entire regulate over the design of the looping part.

New Interplay Objectives & Triggers

We offered selector-based interplay goals. While you create an interplay, you’ll be able to now goal mother or father or kid components moderately than a particular part. It’s helpful when growing reusable menu parts, corresponding to a hamburger icon or X icon.

As an example, as proven within the video beneath, if I upload an X icon to an off-canvas menu, I will inform it to all the time shut its mother or father container. Regardless of the place I put the X icon, it’ll all the time shut the mother or father container; I don’t need to reconfigure the interplay.

In spite of everything, we added new breakpoint triggers to the interplay builder. Now, you’ll be able to have interactions that run on explicit breakpoints, which, as an example, can come up with extra regulate over the cellular menu breakdown.

Ahead of/After Symbol Slider Module

Good enough, another factor, I threw in a brand new Ahead of and After Symbol Slider module. I used to be on a roll with module advent and had some additional time, so I assumed, “Why no longer?” You’ll be able to upload a before-and-after symbol and a slide to match the 2.

Take a look at Divi 5 Lately

Those options are actually to be had for Divi 5. Give them a attempt to tell us your ideas.

We rebuilt Divi from the bottom up and packed it stuffed with dozens of your maximum asked options. Put out of your mind the whole lot you concept you knew about Divi, as a result of Divi 5 is a completely other beast.

Have You Attempted The New Divi 5 Preset Supervisor?

Should you overlooked it, we not too long ago launched the brand new Page Manager, Preview Mode, and Content Drilldown.

Watch this video for the entire main points. 👇

Extra Divi 5 Updates Are On The Means

The options stay coming, and we aren’t slowing down anytime quickly!

If you’re playing those updates, do us an enormous desire and tell us by way of liking this video and leaving a comment. It method so much to us to look you cheering Divi on, and it’s very important to feed the set of rules and unfold the phrase.

Don’t put out of your mind to follow us on YouTube and subscribe to the Divi newsletter so that you by no means pass over an replace. I’ll see you quickly for every other Divi 5 characteristic announcement, which I promise might be proper across the nook. 😁

The put up New Menu Modules, Menu Looping and Interactions seemed first on Elegant Themes Blog.