Elementor Nav Menu: The Most Powerful Menu Builder For WordPress

Learn about the only visual menu builder that doesn't require you to use any code. Build amazing menus for WordPress in record time!

Designing and customizing menus is a huge pain, and we are now introducing a whole new way to make it easy and fun.

We are thrilled to be introducing the much expected Nav Menu widget.

This widget is extremely flexible. In fact, you can find NO OTHER WordPress theme or plugin with as much menu design flexibility.

It enables you to create an infinite number of pixel-perfect menu designs, all customizable down to the very last pixel (It’s the Elementor way, as  you know).

There’s a lot more I want to let you know about this exciting new feature, but I’m too eager to show you all the possibilities it entails, so here goes.

Get in Elementor Pro

Horizontal, Vertical & Dropdown Layouts

Once you choose the menu from the previously created WordPress menus, you can start customizing the layout of the menu.

Your first choice is to pick from 3 basic layouts:

Horizontal – The menu will be spread out horizontally from left to right or vice versa.

Vertical – For getting the menu to be vertical and go from top to bottom.

Dropdown – Another vertical layout where the submenu drops down like an accordion

Pointers & Animations

By picking a pointer and an animation for the menu, you are able to create over 50 different effects for your hover and active menu items.

Just look at these beauties:

Underline Animations

The underline pointer features 5 animations: Fade, Slide, Grow, Drop in and Drop out.

Framed Animations

The framed pointer include 5 animations: Fade, Grow, Shrink, Draw and Corners.

Overline Animations

Overline includes the same set of 5 animations as the Underline: Fade, Slide, Grow, Drop in and Drop out.

Double Line Animations

Here again, for the double line pointer, we find 5 animations: Fade, Slide, Grow, Drop in and Drop out.

Background Animations

The Background pointer has the most animations. They create a button-like style on active. The Gif below shows the top 5 animations, but 11 animations are available for this pointer: Fade, Grow, Shrink, Sweep left / right / up / down and Shutter in vertical / out vertical / in horizontal / out horizontal.

Text Animations

The Text pointer only has a text animation effect, great for the minimalistic menu. It includes: Grow, Shrink, Sink, Float, Skew and Rotate.

Unprecedented Menu Customization

This widget took us months of hard work to complete.

It was well worth the effort, as you will be able to see when you delve deeper into the customization option the widget offers.

Spacing, colors, fonts. Each design parameter has been translated into the visual UI you know and love in Elementor. 

Menu Spacing & Alignment

Any web designer knows that setting spacing is one of the biggest pains when it comes to menu design.

Put simply, moving menu elements around used to involve painstaking code, and now it is done with a few handy draggable controls.

Some of our menu spacing controls include:

  • Horizontal padding for every element of the menu and submenu
  • Vertical padding for every element of the menu and submenu
  • Space between the menu items
  • Right, left, center and justified alignment

Color, Background & Typography

By customizing the color and typography of the menu elements, you are able to create a wide array of menus. From transparent to semi-transparent menus, full width, minimalistic, light, dark… The sky is the limit with regards to the types of menu bar designs you can reach.

Moreover, you get the same broad design options for the submenu as well.


The dropdown submenu has gotten the same careful care as the menu did. 

The dropdown icon can be set to be a classic rectangle, chevron, angle, none or plus.

You can set every aspect of the submenu dropdown design, including text and background colors, typography, horizontal and vertical padding, border, box shadow,  divider and distance.

Mobile Responsive Menu

Elementor’s Menu offers a Complete solution for mobile menus on WordPress. The mobile menu is controlled by a separate set of settings, giving you the ability to easily customize each menu to the right device.

Elementor’s mobile menu features include:

Mobile & tablet breakpoints. Using the breakpoint setting, you can decide if the mobile menu will be displayed for tablet and mobile (1023px and below) or only for mobile (767px and below).

Full width on mobile. By setting the mobile menu to full width, you can have the mobile menu display in a limited width when closed (when only the hamburger icon is shown), but spread to full width when opened.

Hamburger or text mobile menu (Vertical & Accordion Menus). You can choose to display a collapsible hamburger icon or a fully-visible vertical menu.

Aside / Center alignment. Choose if the mobile menu is aligned to the side or to the center.

Toggle align. The closed hamburger icon can be aligned to the left, center or right.

Design the toggle button. Style your toggle button by color, background color, size, border width, border radius and normal and hover states.

Design the dropdown items. Set color, typography, spacing, divider and box shadow of the dropdown menu for both normal and hover states.

Responsive Navigation. Your menu will look good on any device, with the proper adjustment according to the width of the device.

Get in Elementor Pro

Menu is the First Step

We’ve been working on this feature for a really long time. The reason for that is that we  see the menu as one of the most important elements of every website, navigating the visitors through the site’s variety of pages and content.

The Menu widget is even more important, considering our plans to incorporate it when extending Elementor’s capabilities to design the entire website, including the header and footer.

For now, you can already use the menu widget to customize your landing page, home, or any other page’s menu. If you are a coder at heart, you can also use the embed feature of Elementor to implement the menu bar across the header of your site, no matter which theme you are using. 

You can also use one of the sticky menu plugins to make the Elementor Nav Menu widget sticky to the header / sidebar.

How will the new Nav Menu improve your design workflow? We’d love to get your thoughts on the new widgets in the comments.

About the Author

Ben Pines
Ben Pines
Elementor evangelist & head of content. Follow me on Twitter

Share on

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

Liked This Article?

We have a lot more where that came from! Join 1,365,209 subscribers who stay ahead of the pack.

By entering your email, you agree to our Terms of Service and Privacy Policy.


388 Responses

    1. So, Ben – do we just delete Header footer Elementor and on Astra or Generate Press disable header? Also does it globally replicate on all pages? Is there a tutorial on this?

  1. Purchasing elementor has been the best work related decision I’ve ever made. Thank you for working everyday to improve it!!

  2. This is like Christmas or the opening of a new Star Wars movie! I have been wanting this feature for a long time. You guys have done it! Your plugin may be my favorite WordPress plugin EVER created!

  3. This is amazing! My theme menu has been a major source of discontent. Can the color settings and transparent header option change based on the page or post?


  4. Excellent Ben!! Really great! The only thing to be perfect 10 is the sticky included. In order not have another plugin only for that! But again! Perfect!

  5. This. Is. AWESOME! For all small sites I build in the future, I will use this. So great to have this, thank you Elementor team.

    Just think out loud for a possible future. Support for adding Elementor Library Items to this menu (images, video, products, etc..) and the ability to make MegaMenu’s would make it THE replacement for any other plugin out there.

    Again, really awesome update!

  6. This may, at last, be an alternative to using Blox/Headway Themes for building and controling the menu, menu items, hovers, dropdowns etc.
    Have to test on the next project to see where each scores over the other … but a great addition for all those poor souls who haven’t been using Headway (now Blox) for years.
    Keep up the good work and all the new additions, guys.

  7. Most awaited feature………. I had to create custom theme just for menu. Love you Elementor and Team. Going to be premium user forever. 🙂

  8. I can only repeat it… you guys are A M A Z I N G … now there is truly hope for non code web designers like me… thanks a bunch and cudos to the team

  9. This is THE one that I have been waiting for. This is everything to me. In fact, now that I have this, I wouldn’t care if you took away all the other amazing stuff you’ve done… um… actually, let me take that back… I appear to have gotten a bit carried away there.

  10. Awesome! I can’t wait until the day I can use Elementor to build an entire website, including the header and footer, without having to play with shortcodes and theme hooks. The theme I’m currently using is great, but using multiple tools, each with their own way of doing things means having code and styling defined all over the place. It’s high time for something revolutionary in WP. It’s 2017, after all, not 2010. And this is a great step in the right direction! 🙂

  11. You are amazing! Keep going.
    [I do not understand why Elementor (the free version) is not embedded in the WordPress system.
    A huge loss!]

  12. +100 on Mega Menu, respevtively adding the possibility to add Pictures, Forms, Maps, etc.. into the Elementor Nav Menu – that would safe much frustration with other plugins

  13. Thank you Elementor community, all what left now:

    1- Mega-menus.

    2- Single post elements (post title, featured image, date, author, excerpt, content … with the ability to apply them globally or on some specific categories …).

    3- Parallax effect for sections and columns background …

  14. This idea is great !.
    However, I have a question: can this menu only be inserted in a web manually, inserting a widget in a section and thus inserting it in all the pages that you want it to appear?
    What happens to blog posts? Normally the posts are not built with Elementor, but they use the theme and the menu that brings that theme.
    Is it possible to replace the theme menu automatically in all blog or web content with one that we specifically believe with Elementor?

      1. Hi, what is the recommended way to put the navigation on all pages? I could create a child theme, but you mention an embed feature. Where is that?

      1. I’d love to use the Nav Menu widget, but I can’t find the thing!

        I have searched for it in the panel, but no joy. There isn’t an element named “Nav Menu” amongst the other available elements. Is it supposed to be?

        I purchased Elementor Pro (just made sure I have the receipt for it), and I updated Elementor today.

        Perhaps I’m looking in the wrong place? I opened the WP Pages menu, clicked on the “Edit with Elementor” hypertext next to my home page, and I’m looking in the panel to the left that houses all of the other page elements, like “columns,” “heading,” “posts,” “portfolio,” etc.

        Am I looking in the wrong place?

          1. Hi, Scott!

            Thanks so much for the response, but … um … my panel shows all of the other Elementor Pro elements, but not the Nav Menu. And my Elementor and Elementor Pro plugins are not showing that they need updates.

            Any suggestions?

            Thanks again!

      2. Hi Ben, I have the same problem. I have Pro, license activated. But the Nav Menu does not show up in the elements. Not listed and not in search. Any ideas?

        1. Cato, I found that you’re able to 1) disable and delete Elementor Pro and then 2) download the latest version of Elementor Pro and install it–without doing anything nasty to your site. When I did this, the new Pro Elements showed up. I’m still not sure why WP didn’t show that Elementor Pro needed updating, but my Pro plugin was several versions behind. I guess we need to check periodically to see if we have the latest version. Good luck! 🙂

  15. Hi Ben,

    I didn’t realize that my comment needed to be moderated out. I simply asked if you were considering an image accordion for a future release. If not, no worries.


  16. I thought I was dreaming when I read about in my email, and thanks this isn’t dream!! woohoo, is this real?

    Cannot wait to play with it, thanks a lot Elementor! never regret to buy the pro! I knew it’s worth it.

    PS: I know I may be asking too far, but it would be awesome if Elementor can also create mega menus in addition!

  17. What abour replicating the cart option in this menu? If someone has a product in their cart, it shows up on the normal menu but I can’t seem to find that option for this widget. Is this available?

  18. Hi Ben,

    That is great news. I love Elementor, it changed my life.
    Besides, are you planing to build a popup-like widget? That’d be more than awesome.

    Congrats Elementor team, you did a really good job.

  19. This is so great! The combination of amazing features and intuitive UX makes the Elementor builder second to none in this space. So grateful for everything you do.

      1. Hi Ben. Also I am trying to create my entire website with this type of vertical navigation menu, sticky , with the logo… etc… but unsuccesfully. Is there some documentation, tutorial or whatever to learn how to do it? Or maybe I have to send an email to support? Thanks in advance.

          1. Thanks Ben. But I found videos where it’s explained how to put vertical the menu. But not how to create a left side header whit that menu, fixed. Can you share me some video if it exist? Thanks again

      2. Any tutorial for this? I also want to create a left side header (menu). Currently my vertical menu sits on the top of the website, content below it 🙂

    1. I would also very much see some tips/video’s/docs as how to set up a vertical / side header sticky and covering the whole page height!

  20. Thanks, You are always do the best things, I love Elementor!
    Now the theme are not elementor, it’s really a problem, hope we’ll have elementor theme in the feature.

  21. Any chance of bringing out accordion type menus. Much easier to use without blocking out page content when expanding with sub-items.

  22. Great. Was waiting for this widget since I bought the product. My next wish is to have a search engine in the menubar. Then I will switch to Elementor Pro menu widget. Thanks for your hard work. You make my life easy. I can concentrate on content and improve easily the container (web pages). Please continue another 100 years

  23. I’m not a pro user. Does this mean I can create a menu inside elementor without external theme or plugin? Any way to test pro before u buy?

  24. you guys are probably one of the BEST CODERS in the digital page builder space if not, the BEST. Handsdown. U guys make such difficult features and functions in all other page builders look so easy, so smooth and a breeze… Thrive Architect & Beaver Builder still seems a notch away from Elementor. The only thing i hope to see are direct lead forms’s API integration with the big names email marketing services. Please keep up the awesome job!!! Thank you!

  25. Great but it’s not sticky, no mega menu…..btw i can live without all but sticky option need to be. This is like the low.
    Elementor is the best wordpress builder, know from experience. Free Elementor plugin give more oprions that 99% payed builder plugins, have clean code (i create a website and GTMetrix say 96%-89% what is awesome) and its easy to work with.
    Worth every $!

  26. great new thing…….but how can i delete the “Theme Header-Menü”. Astra, Sydney….etc. – and one thing…bring an easier parallax effect for sections and colums…..thanks

  27. Hey Guys, great work! I was waiting for this … and now it’s christmas 🙂 Thank you. I really like elementor! It’s such a fast pagebuilder. // One note: I just tried the Navigation functionality and miss the text align for fold-up at the menu. The toogle button is located at the right top corner and the text should fold-up from right to left. Actual the text align is left – and it looks strange 😉 I could send you a screenshot …

      1. I love Elementor and appreciate your team ‘s hard work. But I am not a web designer, just want to build website for my self. It seems pro version for me is not necessary. Do you have special offer like buying a part of pro version. Actually I like nav menu . Thank you.

  28. Hi Ben,
    It was great meeting you yesterday on the event.
    The new feature is wonderful, can you please explain (short explanation is enough…) how do I embed it to the menu instead of the current menu (pojo theme)?

  29. Hi
    Just tried it on a site re-build, but I can allocate a (new) WP menu to the Elementor Menu widget … only the locations specified by the theme are available.

    This will prevent us from using this widget, which is a shame.

    Theme is Headway … but I’m assuming this limitation goes for all themes?

    There is a Menu chooser box (the first one under Layout in Edit Nav Menu) but it doesn’t come up with the list of menus defined in WordPress … can this be changed?

    Many thanks, David

      1. Hi Ben
        Many thanks for the quick response. Looking forward to the update.
        Using Elementor has added another layer of pleasure to building sites – thank you!
        Regards, David

      2. When do you think you’ll release this update? I sure could use the ability to use any menu I create, not just ones assigned to a menu location.

      1. Updated with latest version and we are getting this following error: Uncaught TypeError: Cannot read property ‘page’ of undefined…

  30. Great job on the new menu widget. Thank you.

    A few suggestions I’d like to see:

    -Looks like your already going to come out with an update to embed the menu easier site wide. Sounds good.

    -Ability to make it sticky with fade in on scroll transitions effects would be cool.

    -Adjust the size and styling of the mobile hamburger icon as much as possible. Be able to make it sticky as well.

    -Add cool hamburger icon open/close animation options.

    -Add the ability for the mobile menu to appear and slide in from the right or left when opened. Add options for transition effects when the mobile menu opens/closes.

  31. Dear Elementor-Team,
    I love your new widget, but have a small problem.
    It seems like – no matter what I do – that the Menu form the active page gets an blue background.
    Do you what could be the reason?
    Thank you in advance

      1. I’m very curious how to do that, I tried hours and never found a way to have the same off-canvas menu…

  32. Just received the update today, thanks. So, once you’ve designed a menu, how do you upload it at the theme’s menu area on the side of the logo? I have Atlanta. Many thanks, Ben.

  33. Previously I used E pro 1.7.0 and I updated with the latest Version 1.8.0 and I am getting this Uncaught Syntax Error: Unexpected end of input. And so many 404 errors… guide me how to resolve this. Thanks!

  34. Hi Ben,
    I am impressed by what I am watching / reading about Elementor, and I am very interested in buying the Unlimited edition. On the other hand, I am a bit hesitant because of what I’ve been reading lately about the Gutenberg editor and its planned inclusion into WP core.

    Are you confident that Elementor page-builder will be able to adapt to the new concept and still work after the change? In that light and from a long-term perspective, can you still recommend to buy the Unlimited edition? I really hope so, because Elementor really seems to be what I have been looking for, and I don’t like the Gutenberg editor at all.

    1. We are fully supportive of Gutenberg, and see it as an opportunity for our company to grow even further. WordPress will undergo changes that will force theme developers as well as plugin developers to adapt. On a side note, it is never a good idea to wait for new technology to come, because the next big thing is always around the corner. You’ll just end up always waiting and never making.

  35. hello, great stuff! just purchased pro version. try to put a logo alongside the navigation like your video (look at 1:38 min in the video, to understand me), and no luck. it wont go 50% eac… it’s just one on top another. please help. i’m sure it’s something i’m doing wrong.

  36. Haven’t tried this yet, but I have Woocommerce and the shopping cart icon that updates dynamically if you have items in your shopping cart automatically gets added to the nav, is there a way to add this now that this widget allows you to essentially recreate the navigation? Likewise with a search icon. Thanks!

    1. He Jon,
      Just create 2 different menu’s (standard in WordPress) and create a 3 column section.
      Put menu 1 left, logo in the middle and menu 2 on the left.

      Hope that works for you.

      Kindest regards,

      1. Hi Jon. Thanks for your suggestion. I may have missed something, but I think this approach won’t scale nicely to smaller screen sizes (i.e. results in dual hamburger menu icons).

  37. I’d like to have my header menu split into two: one with links to pages with primary content and another menu on the other side of the centered logo with links to secondary pages such as about us, contact us, etc… I want both menus to collapse into one hamburger. How can I do that?

  38. I’m using Generatepress and the default functionality of the menu is to include a search icon and if you have Woocommerce the shopping cart. You completely lose this functionality when utilizing the menu widget unfortunately. Do you have any workarounds for adding it back in?

  39. How can i add address and phone on the right side of the logo and move the menu below. Elemento looks nice but the header with no phone number or address doesnt make sense for local businesses. The same in the mobile view, when you search and find the site you are looking for, you want the phone number on the top of the mobile site. Not bashing, just practical, after years building sites for local businesses. I would love to see this feature implemented

  40. Ben, I’m blown away with Elementor Pro. Building and maintaining my WordPress sites is now a breeze. Thank you, thank you! Finally, we have a logical builder that doesn’t leave shortcodes all over our content. Please add a sticky menu option if possible. Thanks again. Loving Elementor Pro!!!

  41. Helo Ben, I need the same horizontal menu for desktop, tablet and mobile. I don’t need Mobile Dropdown ¿How can I get it?

  42. I have been working with the pro elementor and I love it!
    But when I put the nav menu, I can not find any option to leave the nav menu still.
    That is to say, that the nav menu stays still when I scroll through the web.
    Could the bar be anchored on the web?
    Thank you so much

  43. It would be useful if you could add a word to the Hamburger menu on mobile so for instance “Navigation” or “Menu” instead. I have a client that doesn’t like the traditional Hamburger menu icon.

    1. He Stephen,
      Have you tried using the GeneratePress template?
      It has sticky menus build in.
      If you use the GeneratePress Premium you get the option to have hooks so you can hook in your custom menu.

  44. Thanks for a wonderful widget. Two questions:
    Can I adjust divider length? I don’t like it going all the way to the edge, especially in mobile mode.
    Secondly, Can the dropdown get down to post level? I have my posts queried on the pages that the menu does open, but would love to have a full accordion option. Available?

  45. Another question, how can i put a link into the logo pointing to home, usually i use href=”.” but this only take me to the current page that i am browsing, any idea?

  46. Just install widget NavMenu Addon For Elementor and you choose branding and set to logo. You set logo in edit template and you will see logo right away. Important is that you set static page to home page. Now you can click logo on your site and this will redirect you to home page.

    I hope I help you with answer

  47. Ben, I would love to have the same effect as in the menu of Elementor.com website – which is that the last item in the menu has its own border. I did not find dedicated option in the widget itself, but maybe it can it be done in the menu widget using CSS? I fave found “li class” for the item, but my CSS code doesn’t work. It works if I will set a unique background color, but not for border.
    Could you please share a tip how it could be done?

    I have tried this code:
    .menu-item-215 {
    border-style: solid;
    border-width: 2px;
    border-color: #e85128;

  48. Hi Ben, with regards to “Dropdown” style menus. The only comment is “Dropdown – Another vertical layout where the submenu drops down like an accordion”. I’m trying to use this and so far no luck. Can you please give one detailed tutorial for this style of menu?

  49. Hi, nice job. I like a fly-out menu on mobile, (from the side) is that in the plans anywhere – as an alternative to drop down from the top..?

    I like the feature you have here for setting mobile menu for tablet too, as I have seen many themes where the tablet menu wraps into another row in the header, especially for larger menus, so that is a good feature.

  50. Can the menu be Sticky? if not i will suggest this feature is added in future update and also the ability to create a mega menu. will just make elementor super good

  51. I barely started using elementor about a month ago and I must say I really like it. This just adds to the reasons why it’s such a great one. Good work bro!

  52. Is it possible to have the logo in the center of the menu? Basically a centered logo within an inline menu.

    menuItem1 MenuItem2 SITELOGO menuItem3 menuItem4

    All the menu items belong to the same primary menu.

      1. Can you please let us know how you add a border between items in the main nav menu? I couldn’t find the option.


          1. Thanks – that helps.

            I’d like to suggest adding this as a regular feature to the nav menu widget.

  53. Great product but I can’t find it’s class to add to a sticky menu plugin – found it for another site but feel an idiot that I can’t find it – any help\?

  54. Can a Mega Menu be created using this? Or in any other way using Elementor? We have a theme built using Elementor but we have found the menu to be restrictive as we have lots of headings to place.

  55. Is there a way to disable the breaking point option so that the menu always remains horizontal instead of collapsing for mobile? Right now I only see an option to have the breaking point for tablet or mobile predetermined widths, but no custom width breaking points or the ability to disable the breaking point.

  56. Hi Ben, just checking if this is still the cane on the mega menu feature. Please let me know so my team and I can decide if we’re buying a plugin or sticking to the default menu.


  57. Hey Ben does the elementor builder free version has any option to put different menus (header bars) on different pages and then also using different widgets on that other menu?



  58. hi.
    We love Elementor, but the one thing we miss greatly is a mega menu.
    We have sites which require big menus, and plain drop downs just cant do the job.
    Is this being considered as a feature?

  59. Hello, thanks for making such a great addition. You keep making Elementor THE best creative tool for WordPress development.

    Question: Is there any way to add an image (logo image) into the *center* of a menu?

    My menu has 4 parts to it’s structure, to have the logo sitting in between two elements on the right and 2 on the left. Is this possible?

    Currently I have created a header with 3 columns, and I made two menus, each with 2 elements. I put one menu in the left column, the logo in the center column, and the 2nd menu on the right column… This kind of works, but doesn’t look good on mobile when it shows two hamburger menu stacks.

    Is there a more proficient way of doing this? Thank you!!

  60. Is there a way to write ‘click here’ instead of the hamburger? Many themes have this option… also divi and beaver have this option…

  61. The menu works great – I only have a problem with submenu items on the mobile hamburger menu. Submenu items are not accessible on the mobile hamburger menu on my smartphone (doesn’t open at all). Any idea?

  62. Can someone from Elementor please respond and let us know if there are ANY plans for MEGA MENU capabilities? This is a NECESSITY for Elementor! I’m building a site right now with Elementor, and it not having a mega menu option is killing me! The JetMenu plugin I bought and tried but it’s not good at all. This functionality needs to be native.

    So can you please let us know if this is in the books for the future? Thanks!

  63. How do you have a nav menu hamburger and shopping cart and search icon all on the same line for a mobile phone layout. So far I have not been able to do this without each element going to separate lines beneath each other. Even using nested columns dosen’t seem to work.

  64. Okay I have just one question –
    Does this now “finally” include topography option for transparent sticky to scroll non-transparent?

    #1 grip I have with this builder is I do video and full screen home pages with transparent header/nav but when I scroll down they then have a solid background and need a different colored background and fonts and this is a deal breaker for us to use this product since it doesn’t have that basic functionality built in like all the mega themes and even generatepress has.

  65. Hi. I’m sorry if this has already been answered on here before, but is there any way to create an off-canvas main menu? I can’t seem to work it out and I don’t want to spend more money on add-ons. All help would be appreciated.

      1. Hi Ben, could you offer me some advice on this please? I am still unable to create an off-canvas nav menu and I am reluctant to spend even more money for a plugin to achieve this. Thank you

        1. I’m afraid we don’t have this option at the moment. The options available are either off-canvas menu plugins or coding.

  66. Hi Ben, thanks for your reply, but I cannot find a drop-down option which drags the menu in from the right on click of the toggle button. Please advise.

    1. I try it with this js code (loaded from functions.php) but not result 🙁

      (function () {
      $(‘.elementor-nav-menu–dropdown ul li a:not(.dropdown-toggle)’).bind(‘click touchstart’, function () {

  67. I would love a native Elementor mega menu! Jet Menu is probably a good one, but can’t seem to figure out how to add it when you have a custom header.

  68. Hi!

    I’m currently trying to find a solution as to why when I try the nav menu vertically, it won’t show the submenu especially when I hover over it?

  69. Hello, thank you for the detailed article. So impressive.
    But I don’t succeed in creating a template for an own nav menu look. Firstly I create a header template, adding to it the nav-menu widget, where I change the settings to desired. But next time I add a new nav-menu widget the standard look is back and I have to change settings again. Appreciate all kind of help.

    Problem No. 2:
    I main link in nav-menu is not showing active when sub-menu is attached to it and link is active in sub-menu. How do I fix that?

  70. Guys, when are you going to implement left-to-right/right-to-left sliding (and possibly other effects) for the mobile burger menu drop-down? For the moment it only shows as a drop-down on all my sites, so they look the same. While this is not the end of the world, I’d appreciate more variety of skins 🙂

    Otherwise, great work!



  71. … and I really need the Mega Menu option … I know you will implement this one day, so I’d rather restrain myself, than using a plugin then re-working my site(s) again later… Please, hurry on the Mega Menu !!! It is cruicial!! 🙂

  72. Can we adjust the speed or direction of the animation?
    I’m looking for a underline -> grow animation but from left to right, not from the center…

  73. am using default menu and the dropdown doesnt work. It is overlapped by other elements in the body and I cant click on the sub-item. Strangely, the default menu works well when view from mobile phone. Can someone from Elementor respond to me asap? thank you so much!

    1. Yes! The standard menu layers-elementor-1-0-1 Elementor does not work! Stumbled upon this page in search of a solution. Probably there is no solution to the problem. This problem removes all the advantages of layers-elementor-1-0-1 Elementor. Did you find a solution to this problem?

    2. I am having the same problem, where the dropdown is obscured by page elements (but not on mobile). Any obvious fixes? Otherwise I will contact support. Thanks!

      1. Increase z-index of your nav menu or the section holding the menu. Go to Nav Menu > Settings > Advanced and enter 10 or higher into th field Z-Index.

  74. Hello Ben, I am currently building a website where the search bar widget is located above the nav menu on desktop screens. I’d like to hide the search bar on mobile design and offer it as a nav menu item. Is this possible at all?

  75. Hi guys, I noticed the menu code is being called twice in the page source code. This is also causing a duplication with google cache. Is there a fix for this? – I’m using the hello theme, I’ve also tested with several other themes.

  76. Hi, our website and event is all by volounteers. We dont have a commercial money making status. Is there a way to change the mobile menu colors and options (because the mobile menu is now black and red, we have orange and white in our colorscheme). And there is no + in the mobile menu.

  77. I was looking if Elementor Pro offers also the possibility to create a “drop up” menu. This is important if somebody likes the navigation menu below the big header image.

    1. I have done this by just adding a text box under the menu and putting “menu” in it. I had to play around with margins and paddings to get it to sit nicely under the hamburger

  78. Same thing here. I would really appreciate if you could include a mega menu builder in Elementor. The aim of every web designer is to reduce the use of plugins and avoid using heavy themes.

    If Elementor has the ability to create mega menus then Hello theme and Elementor would be the perfect combination for us.

    I hope This feature would be available soon.


  79. At 25 seconds into the video the menu has the 1-800 number of the example company which is in a separate column.

    Unfortunately, you instantly just get rid of that in the demo because having items like this in the menu creates a problem you don’t show people how to deal with. This makes the demo a bit deceptive / inaccurate.

    The items pulling from your wordpress menu will work just fine but the other items which you can save in the header, like that phone number or a woocommerce cart won’t be part of the collapsed hamburger menu and it’s actually tricky to deal with them in tablet or mobile view in an aesthetically pleasing way that doesn’t screw up the function of the hamburger menu.

    Elementor does great work and I like it a lot but you do a disservice by not showing problems and troubleshooting in your demos.

  80. Elementor is the best tool ever created.
    Navmenu is a good tool that elementor have, just need 1 detail

    onClick open/close dropdown

  81. Menu active state (highlight) is not correct when using expanding elements (ex. Accordion) inside content section. When they are expanded and i scroll down, the menu entries become too early highlighted/active.
    Is there a way to reinit for proper hightlighting?
    i tried it with placing native menu in theme and using UIKIT Scrollspy-nav. Then it works correct.

  82. Hi, can we build navigation menu like those at apple.com with this?

    Particularly the secondary menu (bar) on the bottom of the main nav bar that can dynamically change according to which main nav menu is active.

  83. I’m trying to create an inline submenu like below…

    [Defalut menu]

    -Regular Sub Menu Item
    -Regular Sub Menu Item
    -Regular Sub Menu Item

    {To this}
    -Regular Sub Menu Item -Regular Sub Menu Item -Regular Sub Menu Ite

    I’ve tried just about everything. Any pointers?

  84. Having an issue when on active sub-menu (drop-down) when active I want to show that full menu but it disappears every time.


  85. Hey guys, I’m strugling with something odd here: using the elementor pro nav-menu on a header saved section is breaking the scroll effect of my page. I’m using as mentioned a header section, fixed at the top, where nav-menu is placed. I’ve linked it to a wordpress menu. I’ve used complete links in the menu as “https://www.link/#CSSID”, and reffered the same CSSID at my page sections.
    What am I missing here? It should work, I’ve done it before!

    In order to test out if my links were working I’ve created a simple menu using a text widget, and for my surprise it scrolled the right way.

    thanks in advance!

  86. The navigation isn’t showing up on my live site. It shows when editing but when I go to my site just my logo and header is visible, but the actual navigation menu items aren’t showing. Any idea what could be going?

    1. Hi Rachel,
      check the z-index fo your nav menu or the section that holds the menu. It can help to set the z-index to a high value to make sure the menu renders above everything else.

  87. Nice feature, but I can’t make the menu use my set dropdown colors from the nav menu Style settings. My dropdown has transparent background instead if the whit color set. I can use global css and set it important .elementor-sub-item {background-color: #ffffff !important;}, but shouldn’t dropdown background color work as I configue it in the settings?

  88. In dropdown navigation menu not able to change properties like color, font size, background, ect…

    Open support ticket with elementor, but they are not responding to support tickets.

    If somebody know how can change dropdown navigation menu’s properties, please help me.

  89. I thought I was dreaming when I read about in my email, and thanks this isn’t dream!! woohoo, is this real?

    Cannot wait to play with it, thanks a lot Elementor! never regret to buy the pro! I knew it’s worth it.

    PS: I know I may be asking too far, but it would be awesome if Elementor can also create mega menus in addition!

  90. Is there any option to add accessibility attributes like aria-expanded=”true” to the menu link. It would be great if you can add this feature to the widget. Maybe a simple option like submenu expanded by default or closed by default. Users can set as per their preferences. By the way is there any option to do so currently?

  91. Hello, I have Pro version. Could you please share how can I create main nav button in header? I would like to create “Register” button as main button with background. Thanks

Leave a Reply

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

Want to learn how to build better websites?

Join 1,365,209 Elementors, and get a weekly roundup of our best skill-enhancing content.

By entering your email, you agree to our Terms of Service and Privacy Policy.