How to Use Elementor's Nav Menu Widget to Design WordPress Custom Menus

Interesting but it misses the previous part: how to build the menu

You don't show how to inactivate the normal menu. Now i have two menus. The normal astra and the Nav Menu. Also missing is how to place the widget in the header.

But these menus dissappear as soon as you click on any of the buttons. They only exist on the page that you created it on. You need to have shown us how to put the navmenu widget into the header so it can be immediately on every page of your site, right?

When using an Elementor menu on a mobile device, I would like to click the top level menu item and have it reveal the submenu, but instead it takes me to the link associated with the top level menu. Is there a way to change this behavior?

Everything you need to know, except how to add the actual menu items to the bar. The header template only has room for one menu item, and adding more is not so obviously trivial.

Great tutorials. I've learned so much in such a short time. I used WordPress to build many sites back in the day. Just getting back into it and I'm amazed at how easy Elementor makes everything. I used to design the templates in Artisteer and have to export each time, import, etc. Not so smooth. Elementor is great. One question (for now) if anyone can help: How do I change text in a text block to rtl, so my Hebrew and Arabic texts are formatted properly? I don't see anything in the options. I assume Aviva, or any of you native RTL people who seem to run the show know the answer to this.

tnx

I don't seem to have a the navbar menu widget available in Elementor at all. How do I obtain it, as I cannot create a menu bar for my website? I was using Elementor Pro, but since the latest update the nav bar has disappeared and I cannot find it again. I need help!

simple and clear

Question: Can I change the sub-menu position? It appears right, I want it below the mother item.

My question is how do you get to your opening screen?

HOW CAN YOU ADD A CTA BUTTON INSIDE THE MOBILE MENU? I am trying to find the solution, when you open the toggle menu, i would like to see at the end, my button like the Desktop View. Someone knows how to do this?

How do you stop the menu pushing the page down on mobile? It would be nice to have it fly out on top of the page…? Any ideas…cheers

Please add a mega menu option too. It will create a big difference and help me a lot.

Hey, I can't find how to remove the menu from the theme and keep only the elementor's menu, please help!

thank you so much, very nice.

I cannot see in the edit column the option called: STYLE…do u know maybe how to fix?

thank you!

Thanks, really appreciated

Yeah, can you please make a video on how to make a fade or slide transition when clicking on a menu icon.

I need to click on a menu icon and have it open slowly (1 second) so that the user doesn't see some clunky menu pop out instantly. thanks

So I need the nav menu widget which is only part of Elementor Pro?

Is there a way to show the (sub)menu expanded by default?

But you didn't show the most important thing. How to change the order in the menu.

The nav menu widget only displays one of menus, how can I fix this?

when I'll hover on Home menu, home menu shown under line.

My Nav Manu is not pulling / showing the right menu items. What could be the cause of this?

You just missed to tell the most important part – how to get theEdit Nav Menu…, useless

how add label with nav toggle?

HOW CAN YOU CHANGE DIFFRENT HOVER COLORS FOR DIFFRENT NAV-MENU ITEMS??

Come on guys…seasoned Elementor users don't watch these types of tutorials but the new kids on the block do, and will not know how to build some of these menus, ie…the vertical menu. There's more to it than the 30 seconds it has on screen. Please do an actual tutorial on how to build one from scratch.

Is the Pointer Width pro only? I don't see that option in my settings.

But there isn't any option to create custom menu ?

Atleast tell people first how did you create this menu and placeholder!!!

hi, why when editing website all ok but when preview my website, my menu's droopdown not show. i use layout horizontal but when preview subtopic did't show the droopdown. help me, ASAP

I am waiting for your response sir.

Hello sir, Is it possible to change the direction of the submenu indicator and display my submenu in upward direction

Good tips. Did you do the Nav Menu on WordPress or Themebuilder? I noticed that when I use Themebuilder, there's a duplication of the menu that happens and I cannot get rid of the WordPress menu. Which means I cannot use Themebuilder as it will only duplicate the menu. How can I solve this?

Plugin name ?

Is there a way to have the nav widget in say a setup like this – column, 75% (logo) – column 25% (nav/drop down) and be able to expand the widget without it also stretching the height of the logo column? the only way I can see to make this work is to use full width but I'd really prefer the menu to just be the width of the 25% column when expanded and then sit over the top of the content below without stretching the logo column to the same height.

active effect doesn't work for custom link pages !

I have an issue with the hamburger icon in mobile view…i have screen recorded the issue..is there a way to send that video to you…I need your help bro

Are these functions depend on theme? what happened to me, when used ocean WP theme some available, when I moved to Astra theme, those are not available. Can some one help me?

You are awesome Ben! Thanks a lot! Stay Safe!

I do wonder why you can't change the background color of all the menu items and then give them a little space between so each is it's own button.

Really a helpful video 😍😍

I very rarely comment on videos but thank you!

It would be nice if you would start this presentation by saying that this is only available in Elementor Pro.

Your tutorials are so simple and clear! Thank you for all time you've putting into these for us.
Hoping you can help… when in Elementor Pro over to the left is the panel. When there is a Global Navigation Menu on the far right (the Menu has sticky setting and is transparent) it can only be seen when Elementor's panel is closed. Also, it cannot be edited with Elementor Pro. How can I locate where it can be edited? There are other buttons/links that also that cannot be edited. It's like the global NavMenu Widget selector is not visible, therefore cannot be edited.
I appreciate any assistance from you and your wealth of knowledge.

how do you get that nice smooth growing effect on the menù? I just get it like on-off. from little to big without the transition… I mean the effect 6:46

Can a menu item with a dropdown not be a page? I want to place "Services" in the menu and when I hover over it, it drops down two links to pages. I don't want the menu item "Services" itself to be a link to anywhere…just a name leading to a dropdown.
Thanks.