Navigation Widget

The Navigation Menu widget is designed to be used inside a header template, letting you display a WordPress menu as part of your custom header. It supports dropdowns, mobile layouts, submenu icons, hover/click triggers, and menu styling.

When To Use It

Use this widget when building a custom header navigation, footer menu, or mobile menu with Elementor.

How To Add A Navigation Menu

  1. Go to Appearance → Menus and create or assign a WordPress menu.
  2. Go to Appearance → Qreative Header Footer Designer and edit your header/footer template with Elementor.
  3. Drag in the Qreative: Navigation Menu widget.
  4. Select the menu you want to display.
  5. Configure layout, alignment, mobile breakpoint, dropdown behavior, and submenu icon.
  6. Style menu items, dropdowns, mobile menu items, submenu items, and the mobile toggle button.

Useful Settings

  • Menu: choose which WordPress menu to render.
  • Breakpoint: decide when the mobile menu should activate.
  • Submenu Trigger: choose hover or click behavior.
  • Submenu Animation: choose the dropdown animation style.
  • Mobile Toggle: style the hamburger button.

Troubleshooting

If list markers appear beside menu items in a block theme, make sure you are using the latest plugin CSS. The widget resets list markers inside the navigation output.