Creating Your Main Menu

The following tutorials will explain how to create and add a menu to your site. We explain in a step by step guide how to create a menu, creating non-clickable menu items, and also using external links.

Step By Step Guide

Step 1 – Create Menu

Once you have added all your content, Go to Appearance > Menus, and then create a new menu. On the left hand side you will see pages, posts and the other items you can add to the menu:

Step 2 – Add Items

You can select any items you want, and then click add to menu. 

If you cannot see all the items, scroll to the top right and find screen options, drop down the menu and select any items you may want to add to your menu.

Step 3 – Set as Main Menu

After the menu is created you need to activate that menu as the ‘Main menu’.

NOTE! This is only relevant if it is going to be your main site menu. If creating a custom menu for widget areas and sidebar you can ignore the below.

  1. Go to Appearance > Menu. Scroll to the bottom of the menu editor window.
  2. In the section titled Menu Settings > Theme locations, click the check box for the location where you want your menu to appear, Main Menu.
  3. Click Save menu once you’ve made your selection.

set-main-menu-wordpress

Step 4 – Learn More

You can read more on creating WordPress menu items from the WordPress codex here.

Note! Each time the theme is switched it may be necessary to check this option again if the theme is activated for the first time. Many users are confused why their menu disappears or changes when they switch themes.  The solution is simple, just activate one of the menus for the desired location.

Non-Clickable Menu Items

There may be instances where you want to create non-clickable menu items. Such as creating a drop down menu, with the main item being non-clickable. See the video on how to create a non-clickable menu item in WordPress:

<iframe src=”https://www.youtube.com/embed/T-Ezo3jYJP8?rel=0&amp;controls=0&amp;showinfo=0″ width=”700″ height=”394″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>