**NEW** Elementor Mega Menu | Updated Loop Builder | More!!!

Hooray - The Elementor Mega Menu is finally here!
The latest Elementor Pro beta has been released and with it comes some MASSIVE new features - the big one for many is the native ability to create custom Mega Menus.
That's not all, you can now use a selection of Loop templates as well as create far more complex loop designs using alternative loop designs and inject them into the main loop.
These new features allow you to get a lot more creative with your designs and are a solid update to Elementor Pro.
There are also a lot of smaller tweaks and updates, the most noticeable is the interface revamp. This update makes the editor a lot more modern and fresh, while not really adding anything to the functionality.
Read the GitHub notes: github.com/elementor/elemento...
Take your WordPress website and skills to the next level!
► The Essential Web Designer's Documents Pack
Looking to take your web design business to the next level? The Essential Web Designers Documents collection has got you covered! With handcrafted, professionally designed documents that have generated tens of thousands in revenue, you'll have everything you need to impress clients, streamline your workflow, and boost your bottom line.
► Buy the Essential Web Designer's Documents Pack Now: links.wptuts.co.uk/ewdd
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► EXCLUSIVE WPTUTS DISCOUNTS ◄
✅ WPVivid Backup Pro: jo.my/vividpro (use WPTUTS20 for 20% off)
✅ Project Huddle: jo.my/etafyp (WPTUTS for 20% off - Exclusive)
► MY PREFERRED HOSTING PROVIDERS ◄
✅ CloudWays: jo.my/1feeng8
✅ SiteGround: jo.my/sgwptuts
► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: jo.my/1s0t2s2
✅ Brizy Pro: bit.ly/2Ji97r8
✅ GenerateBlocks: jo.my/xotgcy
✅ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
✅ GeneratePress Premium: bit.ly/2Ydn1SE
✅ Blocksy: jo.my/y67ten
✅ DIVI Theme: bit.ly/2G8JMiA
✅ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
✅ SMART SLIDER 3: bit.ly/2G0G1vB
✅ CSSHERO: bit.ly/2qbrRl6
► WORDPRESS PLUGINS ◄
✅ SEOPress Pro: jo.my/seopress
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
👉 Twitter: / wptutz
👉 Facebook Group: wptuts.co.uk/facebook
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk

[@learnwithnorwebs]

The new revamp is so so good. Also, the mega menu is long overdue! I am glad they did it.

[@stewber]

Already had a play, it’s looking pretty slick this new release. I’m low key really excited about the icon list alignment.

[@_mzkr_]

Thanks Paul for the great overview. I too was a bit confused about how to get out of Elementor. I'm glad I was not the only one and yes, I hope Elementor fix it shortly. They create amazing components like mega menu but forget to add an exit button. 😅 Cheers.

[@coreykretsinger]

Having an alt template in the loop builder is really great. The mega menu option is great as well but I've never used one. Might give it a try but not sure how that works on mobile. As far as the UI changes, I'm seldom a fan of those. Especially when they completely change the layout like they have here. I hope they don't make a habit of doing this. That said, it does look like it will be more functional. At least once they add a clear way to exit.

[@BrantK147]

Nice! Paul, you always have the 1st scoop! :)

[@JustAnotherStan]

Very, very helpful! A thank you from Holland.

[@susanwheeler-hall]

Good to see this with the Loop options and they will work well with the new ACF

[@sergeialekseenko3545]

Nice job! you helped me a lot! thanks!

[@YaronRosen]

aaaa finally! thank you paul!!

[@Gtarafdarr]

Nicely covered as always before anyone.

[@ArleenWest]

The ability to align the icons in an icon list vertically is a welcome addition. Up til now I've had to use CSS to style it.

[@Pedant_Patrol]

How did you activate this?

[@ArleenWest]

@@Pedant_Patrol I didn't. It's not available in the production version yet. What I meant to say is I'll be happy to see it when it's available.

[@Pedant_Patrol]

@Arleen West Gotcha. You saying "up til now" suggested that feature/capability had been released.

[@ArleenWest]

@@Pedant_Patrol I just realized that. Sorry for the confusion.

[@steala]

@WPTuts - The mega menu looks great. Do you have any ideas or opinions on any SEO impacts with Elementor's approach to their mega menu?

[@JK-pr3lu]

Thanks for your tutorial. I'm interested in the loop function but I can't find a way to make the variations dropdown show up. I have a plugin that does it for my normal category pages but somehow on the loop widget this does not show up. Any clue how it can be fixed?

[@WaterVixenSwim]

@wptuts Great video! This is the only video on the internet about the new menus. Thank you for doing this! May I ask… have you seen what the menu looks like on mobile? I’m wondering if it is going to allow photos on the mobile version of the mega menu? Would love to see that! I wonder if they did that

[@theessentialguide8508]

Always love your videos - thank you! I'm having issues with container width. I simply want 5 equal columns in my container for shop categories and for the life of me I can't get them the correct size!

[@heidoor]

I want to thank you for the help you gave me, it was very useful for me

[@jessicaberggrun534]

Great video! I love the mega menu. Do you know if it's possible to blur the underlying background page while the mega menu is expanded?

[@ahmedd.masoud6809]

Amazing work

[@mcpeace5129]

I hope Elementor intend to do a lot more work on the Mega Menu. I have used it a couple of times now, but I can't develop with it for any client that requires robust Accessibilty requirments as keyboard focus simply does not work, even with attribute customisation. Also, for large sites with many sub navs it would be great to be somehow hooked in to the classic WP appearance > menus structure.

[@fluxcoder8982]

I use your videos for my new job as Website Manager, and you do a very good job of explaining things in your videos. 👍

[@WPTuts]

Glad you like them!

[@ahmedd.masoud6809]

Thank you Paul 😎👍

[@joespencer1177]

Hi Paul, Would you do a demo to show what happens to this in tablet and mobile view?

[@craigmckee1259]

Really useful thank you - is there anyway to create a mega menu for one drop down but a traditional one column drop down for other items? My menu needs a mix really...

Gracias!!!!, me ayudó muchísimo 👍

[@pick_pick_pick]

love it, thanks

[@emailjough]

does the carousel loop builder support nested containers yet?

[@cebamparo]

tested both breakdance and elementor and can say BD's mega menu builder is more robust. However I'm really impressed with the new loop builder.

[@geraldberliner5260]

7:44 Yes, streamlining by taking out many of the options on the bottom left, but for the life of me, I now can't find how to export a page as a template as one can do by clicking on the 'update' button at the bottom of the left hand panel. Like you Paul, if I'm missing something, please, someone tell me.

[@Deiwhy]

The secondary toolbar at the bottom of Elementor left side panel appears once you click on the "structure" icon for the 1st time. Then you get the exit button. Weird right...

[@adamunsworth87]

how do i get the new elementor UI like in the video? mine is still old despite updating....

[@HeidiAndreasen8000]

Is it possible to display different images when hovering over the different menu sections (text) in the mega menu?

[@zerobambiro]

Thanks for this tutorial. I need some help to decide if i should use the Elementor Mega Menu or the one from Crocoblock. I don't need to buy it extra for the project.

[@bengareth]

Hey folks, I can't find this additional menu widget anywhere! I've got as far as changing over my header to flex. I have Elementor Pro installed. I've gone in and made sure to tick the relevant boxes to ensuring nesting is enabled and so on.

[@danliutikas]

What is the impact of the mega menu on mobile? Does it carry over?

[@GuyForssman]

Say you use the new mega menu from elementor and create a 5 item menu. In item 2 and 4 are submenus Is it possible to style the item itself? I would like to create a menu for mobile where it seams that you also see the submenu. But for that they need some extra padding on the left. Whatever I try it doesn't seem to work

[@tonyclarkson2009]

Is it possible to set up the mega menu so that when using the hamburger menu I can click and see my pages and categories in columns - the mega menu comes straight from the hamburger rather than dropdowns from a listed menu?

[@fadilrahadiansyah4223]

any way to make the drop down menu position relative to the menu item it represent?

[@photography_tv]

I need help. I am using Elementor 3.19 and have Elementor Pro - Essential subscription but my Elementor Interface is still the old interface. Is there some setting I have to turn on in order to see this new interface?

[@jp-69-ns]

Wood be great if they made the 'line height' work in the text editor!

[@justtubing3719]

I have purchased and enabled as you pointed out in elemento settings but im not seeing the menu widget as you pointed out anywere ! ... am i missing something ?

[@jeanninemccloskey7213]

I want that close button too. Sometimes, I have 8 windows open, and I always feel like I am going to break something if I shut down by closing the tab. LOL. 🤣

[@christianschneider1706]

Cool. Has the speed improved anything? Still love the workflow of elementor but moved away from it some months ago cause of the performance. Compared to Bricks etc. But if elementor improved the markup / rendering it would crush pretty much all the competition. At least for me.

[@gravijax]

If you build with the new containers and flexbox behaviours it is super fast

[@notschubsen]

When do you think this beta version will be released as a normal version?

[@paultitmuss]

How long is it going to be before these ‘experiments’ are stable enough to be included in the main tools of Elementor? I’ve not played with any of these yet as I don’t see the point until they are useable within live sites. They all seem really useful and I can see many applications for me, especially where I am currently using additional plugins to perform these tasks, such as Ultimate Tools for Elementor which has a perfectly useable Mega Menu widget. I’m not sure why the team at Elementor take so long….

[@WPTuts]

Seeing how long many other ‘experimental’ features haven’t made it to live, I probably wouldn’t hold your breath. 🤦‍♂️

[@matthewjohnluca]

is possible to do it vertically?

[@gieselman]

Thanks for the WPTut. "If you've come from something like Crocoblock or JetEngine, you've been able to do this thing for awhile; Inject different designs into your listing loop." I didn't know that. Does anyone know if there's a demo showing how to do this?

[@WPTuts]

Sure, here you go. A tutorial on how to achieve it with Crocoblock. :) kzbin.info/www/bejne/qGaqaZePqd51Z5Y

[@gieselman]

@@WPTuts Sweet! Thank you .

[@skipperportugalyachtcharte931]

Thanks Paul.... to leave use the short cut and elementor open a popup and you can leave!

[@bridiemacdonald9436]

Wow this now looks so much like Bricks!

[@carlachalmers4421]

I downloaded the beta but I'm not seeing the menu option.

[@Product-Growth]

Mega Menu!!!!!

[@michaeldaives1434]

hit keyboard 'ESC' and and exit (not great but better than opening another tab). Great tutorial - thanks

[@leonprofes8544]

In Elementor version 3.13 this does not work anymore. Hitting ESC will no longer provide what it did. Do you jappen to know what's the alternative now?

[@AadityaSharmas]

Hi, Should we start using container on client website or still stick with old row column widget??

[@WPTuts]

Elementor say it's stable and a lot of people are using it in production - but, it is worth bearing in mind they may change something fundamental about the way it works (they've already done this once) that may cause issues with your designs.

[@AadityaSharmas]

@@WPTuts yep well said, thanks for replying and resolve my confusion ☺️

[@mrchaudhary1709]

is it still in developer edition?

[@abhishekgarg-np8nd]

Hie, On Mobile i am facing the with issue for Menu can u help

[@arturo5050]

On the loop can you do like a slides of products?

[@WPTuts]

Yes, there’s a loop carousel widget that allows for that.

[@bamberg.digital9297]

Would be a great feature - when it would work. Unfortunately, it's still flawed and needs some work. When I activate the dropdown and hover or click (depending on the settings) on the menu item, I don't get a new container, to which I can add widgets.

[@mhthmusicvideos]

Thus far the main work around for mega menus has been to use popups which, I gather, are bad for SEO. I'm hoping this new long awaited feature is also SEO friendly

[@rhysadams]

The trick for this is to create the pop up menu, then and the standard Nav menu, then under responsive menu, turn off for mobile, tablet and desktop, it can then be read by search engines

[@MrBalloonatic]

How well does the mega menu work on mobile devices?

[@WPTuts]

I need to do some more testing, but at first glance it seems okay. I may well do a dedicated video on building a mega menu and testing the responsive options too.

[@francisokech]

Please, when are you releasing a Loop Carousel tutorial?

[@stewber]

Only way I could find to get to the exit button at the moment is to click the escape button

[@WPTuts]

Seems a bit of an odd oversight.. obviously, Elementor doesn't think people want to actually exit their product. lol

[@digwillhachi]

these are great updates. I am mainly on bricks now but still use Elementor for cheaper sites that need to be put out faster. Its good to see these additions.

[@humaidhifraadh1462]

is bricks a better than elementor?

[@jacobengelbreth6227]

@@humaidhifraadh1462 Imo it is

[@javierherreracernicchiaro]

When this version should be out?, thanks!

[@WPTuts]

Unfortunately, I have no idea. Elementor are not the fastest at moving features like this from Alpha/Beta status and until the Container goes to a final release and not a Beta, I don't see this becoming final I'm afraid.

[@matthewg7069]

Great feature, but annoying that I have to convert over to flex box to use these... means I have to change my teams workflow and retrain them to use containers, just to use this feature.

[@macsteven6337]

Anyone having issues with this not working on mobile, specifically Iphones?

[@tooweb]

but they ignore the requests of users who have been asking for a long time to add the ability to use variable fonts

[@kwsim539]

Does anyone feel the new UI looks very similar to the Bricks UI?

[@adamunsworth87]

i dont have this UI - despite updating, do i need to do something?

[@eleanor.shadow]

Vertical Layout is now not a thing (as I use it in May '23) . Frankly, I'm finding Elementor's mega menu a right pain to create.

[@dguillemette]

We just bought Jet MegaMenu ... Thanks Elementor, I guess.

[@toineenzo]

Jetmenu still has more features so still bit better.

[@mtnpfi]

It's a shame the mega menu still is in beta version. : / Thank you for the video though!

[@bazwillrun]

But elementor still not usable on a tablet...

[@toineenzo]

Is there any Wordpress theme builder that supports this? Yeah Gutenberg has an app, but I wouldn’t call that a real theme builder

[@maxwellhiggs]

On one hand it's brilliant, on the other, having a regular Elementor menu is the bloated death for a website, so a mega menu? 🤨

[@33dots]

Has anyone else had an impossible time setting up klaviyo with elementor pro?

[@alonhaivatov3206]

bigger question is where is the history?

[@Error40499s]

Why your elementor editor is like Webflow? How can do it same

[@stephend3961]

Confusing for someone that's new just wanting to ADD a mega menu to an existing site, moving on --

[@KariposTheOne]

After three years, they released a mega menu. Sadly, it's as stable as a pogo stick on a tightrope, and Elementor is as reliable as a broken clock.

[@DenisonCarlosMS]

It took SO LONG to release such basic features that I switched from Elementor to Breakdance on several projects. Repentance? None!!!

[@nathanimanikyalo27]

Elementor is slowly killing the addons with this features

[@tylerthomas3701]

Elementor rushes out release…. Forgets ‘Exit Editor’ button 😅

[@WPTuts]

Addendum: Rushes out long term beta/experimental feature and use that status as an excuse for bugs, long awaited fixes and incompatibilities.. lol

[@tylerthomas3701]

@@WPTuts truth! What a way to start the year.

[@Brammen]

Basic feature.... 3 years too late...

[@arturo5050]

Yeap it’s like apple stealing the features that other phone years ago have

[@TheHimanshuRastogi]

First comment 😁

[@mmb811]

I hate it when devs "FIX" things that NO ONE HAS COMPLAINED ABOUT, and DON'T fix things that EVERYONE HAS COMPLAINED ABOUT, like them changing the UI for NO REASON. Seems they have excess time on their hands, if only they rather used that excess time to fix just SOME of the things that EVERYONE HAS COMPLAINED ABOUT or ASKED FOR the PAST FEW YEARS Like the Mega Menus, GREAT, just about 3 years too late!

[@toineenzo]

I think you’re missing the point. The new builder design is based on a newer faster architecture / framework called React. So if they want to improve the usability and reliability of the theme builder, then this is a logical step.

[@martinboisclair4104]

It is a big copy of breakdance

[@evanyates1079]

How do the mega menus look/work on mobile?