How To Create a WordPress Navigation Menu Tutorial (Header & Footer)

How To Create a WordPress Navigation Menu Tutorial (Header & Footer)

Creating an intuitive and organized WordPress navigation menu is crucial for enhancing user experience on your website. In this tutorial, we’ll walk you through the steps to set up a WordPress navigation menu effortlessly.

Table of Contents

WordPress navigation menu example

As you can see on my website the navigation menu is displayed on the top of the page and it’s very basic and clean.

In this tutorial I will explain how you can select the pages or posts that should be displayed in the WordPress navigation menu.

Example WordPress Navigation Menu

WordPress Menus Settings

To manage the WordPress Menus settings you need to log in to your WordPress dashboard. Now go to the Appearance settings in the left menu and hover over it and then select the Menus option

Navigate to WordPress Menus settings

Create a new WordPress menu

If this is your first time, you’ll need to create a new menu.

Enter a descriptive name, such as “Menu” (this name is only visible for the admin so visitors of your website won’t see this name) and select the “Header” option.

After that’s done click the “Create Menu” button. (If it’s the fist time you create a WordPress Menu the button will be displayed as Create Menu).

Create WordPress navigation menu

Add Pages to WordPress menu

In the menu editor, find the list of available Pages, Posts, Landing pages, Custom links and Categories. Check the boxes next to the items you want in your menu and click “Add to Menu.”

Select pages for WordPress menu

You can also add custom links to the navigation menu.

To do this you need to click on the Custom Links option and enter the URL in the first field and below that you can add the Link Text. Now you can click on Add To Menu and the custom link will be displayed in the menu.

Create Custom Links WordPress navigation menu

If you want to display a title in the menu but don’t want it to be clickable you can enter # in the URL field. Now. the link text will be displayed but if a visitor clicks on it nothing will happen.

Arrange WordPress Menu Items

Drag and drop menu items to arrange them as desired. The top item will be the leftmost in your menu, while the bottom item will be on the right.

You can change the order of the links by dragging them.

For dropdown menus, indent the menu items below the parent item. This action automatically creates submenus in your WordPress navigation menu.

After you’re done you can click on the Save Menu button.

Now you’ve successfully set up a WordPress navigation menu. You design it with Elementor pro as I’ve explained in detail in this tutorial, or you can manage the settings in the Theme settings if you don’t have Elementor Pro.

You can also watch the video tutorial on YouTube via this link.

In this tutorial I’ve explained how you can add an anchor link with Elementor on a page.

In the next tutorial I will show you how to add an Elementor anchor link (jumplink) to the navigation menu.