help center

On this page

Create a menu using the Customizer

Last Update: January 14, 2024

Introduction

Menus are a part of almost every website, giving your visitors easy access to all the different parts of your site. One way of create a menu for your site is through your theme’s customizer.

This tutorial will walk you through the process of adding pages, posts, and other site content to your navigation menu. In this case we’ll be using Elementor’s Hello Theme customizer. If you’re using another theme, you may need to refer to that theme’s documentation.

info
Note
Check out the Elementor Menu widget for a streamlined way to create menus and mega menus. For more details, see Menu widget.[/bluenote

Getting Started

From the top Admin Bar of your website, or from Dashboard > Appearance choose to enter the Customizer. Select the Menus accordion here:

Create Menu Customizer Create a menu using the Customizer 1
  1. Click the Create New Menu button
    Customizer Create New Menu Create a menu using the Customizer 3
  2. Name your new menu (example: Primary) and toggle the menu location.
    Name New Menu Create a menu using the Customizer 5
  3. Click the Add Items button. A panel will expand showing the available items to add to your menu. Add your newly imported Elementor Pages.
    Add Items Create a menu using the Customizer 7
  4. You will now have these pages in your menu. You may click and drag to reorder them as desired.
    Pages Added Create a menu using the Customizer 9
  5. You can also add Categories or other content related to your Kit by expanding the items.
    Add Categories Create a menu using the Customizer 11
  6. Create Sub-Menus by dragging the items under a parent item so they are slightly indented.Create Submenu Create a menu using the Customizer 13
  7. Set the Menu Location primary and publish your menu.
PublishMenu Create a menu using the Customizer 15

Assign Menu To The Nav Menu Widget

You may now also need to assign your new menu to the Nav Menu widget. To do this, edit your Header template in the Theme Builder. From the Menu selector field, choose your newly created menu to assign it to the widget.

image 9 Create a menu using the Customizer 17

Note: If your Footer template uses a Nav Menu widget, you may use the steps above to create and assign an additional menu(s)to be used.

Note: Learn more about the Navigation Widget here.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article