NavMenu Addon For Elementor
Custom WordPress navmenu specifically designed for the Elementor Page Builder – Now with Site Branding options, search box, basic MegaMenu and Fullscreen Menu Overlay
Currently both the Overlay and MegaMenu content are not viewable while in Edit Mode – this is due to both having an on.Click event to display content which does not seem to work in the Editor.
For the time being, any changes made to both of the above can be viewed on the frontend of the site. A fix is being sought and will be implemented as soon as a viable solution is found!
These instructions assumes you already have a WordPress site and the Elementor plugin installed and activated. Also, it is assumed that you already have at least a menu created.
Install using the WordPress built-in Plugin installer, or Extract the zip file and drop the contents in the
wp-content/plugins/ directory of your WordPress installation.
Activate the plugin through the ‘Plugins’ menu in WordPress.
Go to Pages > Add New
While in the Elementor Editor, drag and drop the NavMenu widget to the location of your choice
Configure as desired and save.
Done! Enjoy 🙂
I’ve added the menu element but I do not see the menus in the dropdown box
Make sure that you have created your menus under Appearance >> Menus
In the Branding module, I’ve selected the logo but it does not appear
Make sure a) your theme supports the custom logo options and b) that a logo has been set in the theme’s customizer.
How do I make a split navigation with the Site title/logo in the middle?
a: Go to Appearance >> Menus (if not already done so) and create two sets of menus – for brevity will call them Left Menu and Right Menu
b: Go to create a page (if not already done so), give it a title say Navigation Bar 1 and click Edit with Elementor. It is recommended to use a blank template for this – if your theme does not have you can use the Page Template plugin.
c: In the Edit mode insert a 3 column section into the page, adjust the middle column to be slight narrower than the 2 outer ones.
e: Drag and drop the NavMenu widget in to each of the outer columns and adjust setting as desired. Now drag and drop the Branding element into the middle column – adjust settings accordingly and save.