Skip to content
SiteCraft
  • Documentation
  • Documentation

General Widgets

  • Heading
  • Paragraph
  • Button
  • Image Gallery
  • Team
  • Video Popup
  • Contact Form 7
  • Social Icons
  • Testimonials Grid
  • Advanced Accordion
  • Icon Box

Creative Widgets

  • Counter
  • Countdown

Header & Footer Widgets

  • Site Logo
  • Nav Menu

Extensions

  • Custom CSS
  • Wrapper Link
  • Scroll to Top

Dynamic Widgets

  • Posts (Archive Posts)
  • Archive Title
  • Post Title
  • Post Excerpt
  • Post Content
  • Post Featured Image
  • Post Comments
  • Post Meta
  • Post Pagination
  • Social Share
  • Search Form
  • Search Query
  • Search No Result
View Categories
  • Docs
  • Header & Footer Widgets
  • Nav Menu

Nav Menu

0:00 / 1:35
  • View as Markdown Open this page as plain Markdown (opens in a new tab)
  • Open in ChatGPT Ask questions about this page (opens in a new tab)
  • Open in Claude Ask questions about this page (opens in a new tab)
  • Open in Google AI Studio Ask questions about this page (Google account required) (opens in a new tab)

Overview

The Nav Menu widget in SiteCraft allows you to display and customize WordPress menus inside Elementor layouts. It gives you full control over styling, alignment, and responsive behavior to create clean and user-friendly navigation sections.


Key Features

  • Display any WordPress menu
  • Horizontal and vertical layouts (if available)
  • Dropdown (submenu) support
  • Alignment control (left, center, right, justified)
  • Typography and color customization
  • Hover and active state styling
  • Responsive menu behavior (mobile-friendly)
  • Fully responsive design

Requirements

Create a menu in Appearance → Menus before using this widget.


How to Enable the Widget

Before using the Nav Menu widget, make sure it is enabled.

Steps:

  1. Go to SiteCraft → Dashboard → Widgets
  2. Find Nav Menu Widget
  3. Toggle to enable it
  4. Click Save Changes

How to Add the Widget in Elementor

  1. Open your page with Elementor Editor
  2. Search for “Nav Menu” under SiteCraft widgets
  3. Drag and drop it into your section
  4. Select your menu and customize styles

Content Settings

Select and configure your menu.

Options:

  • Menu – Choose a WordPress menu
  • Layout – Horizontal or Vertical (if available)
  • Alignment – Left, Center, Right, Justified
  • Submenu Indicator – Show/hide dropdown icon
  • Mobile Menu (if available) – Toggle or dropdown style

Style Settings

Customize the appearance of the menu.

Available Controls:

  • Typography – Font, size, weight
  • Text Color – Normal, hover, and active states
  • Background – Menu and dropdown background
  • Spacing – Gap between menu items
  • Dropdown Styling – Colors, borders, shadows
  • Hover Effects – Animations and transitions

Advanced Settings

Fine-tune layout and responsiveness.

Includes:

  • Margin & padding
  • Responsive visibility
  • Motion effects
  • Positioning
  • Background & border

Use Cases

Perfect for:

  • Website headers
  • Navigation bars
  • Sidebar menus
  • Footer links

Result

You can now create flexible and fully customizable navigation menus using the SiteCraft Nav Menu Widget, improving site usability and structure.

What are your Feelings
Still stuck? How can we help?

How can we help?

Updated on April 19, 2026
Site LogoSite Logo
SiteCraft

All rights reserved