Navigation Menu Element
The Navigation Menu element allows you to add a navigation menu anywhere on your website. This element comes really handy when you are building a custom header or footer using Elementor.
- Header and Footer Navigations
- Sticky Header Navigation
- Secondary Header Navigation inside a page
- Hamburger Menu
In this article
Displaying a Navigation Menu Element
To add a Navigation Menu element to a page:
|Menu||Select a menu which you premade in WordPress Appearance > Menus screen.|
|Layout||Select your navigation layout.|
|Center Logo||If enabled, the logo will be centered while the menu items will be on the left and right.
|Mobile Full Width||Stretches the mobile menu to full width.|
|Break Point||This is the tricky part. In case you want to show the menu, always in the Burger style, simply set it’s breakpoint to Desktop & Laptop. Otherwise choose the Mobile or Tablet.|
|Mobile Menu Layout||Choose a navigation layout for mobile devices.
Adding a Navigation Menu Inside Header
To add a navigation menu inside the header:
Adding a Navigation Menu Inside Footer
Simply follow the section above called “Adding a Navigation Menu Inside Header“, but on step 3, for the template type select Footer.
Adding a Burger Menu
Simply follow the section above called “Displaying a Navigation Menu Element“, but choose the breakpoint to Desktops & Laptop.
You can choose to have different settings on different screen sizes for some of the Navigation Menu element options. Whenever you see this icon, it means that you can choose different screen size and freely change that options for your specific resolution.
At first you’ll see the icon for desktop layout only
But when you click that icon, you’ll get two more layouts: for tablet and phone.
To learn more about it, please check this article.