All of our themes utilise the WordPress menu system. If you aren’t familiar with menus in WordPress, this guide will help make it easy to understand.
For theme specific menu guides, click on the name of the theme you are using to read the relevant guide:
How to create a menu
Within your theme there will be menu locations. These are specific areas in your theme that you can assign a menu to.
In order to add links to these menu locations, you would first need to set up a menu and then assign this menu to a specific menu location.
To access the menu settings, hover over Appearance in the left hand menu and then click on Menus.
If you have never set up a menu on your website before then your menus page will look a little something like this:
To create your menu, start by entering a name for your menu. We recommend giving it a relevant name. For example if you are creating your main menu for your website you might want to call in “Main Menu”. Then click Create Menu.
How to assign a menu to a menu location
Now you have created a menu, you can assign it to a location.
As you will see in the screenshot below the menu we are editing is the Main Menu we just created, and under the Menu Settings heading there is a setting called Display location. Here you can choose the menu location that you would like to specifically assign this menu you to.
So in this example, I’m going to assign my menu to the Main Menu location.
Once you’re done, click the blue Save Menu button.
Tip: Once you have created multiple menus, you can change which menu you are editing by clicking the dropdown next to Select a menu to edit at the top of the page.
How to add links to your menu
Now that you’ve created your menu and assigned it to a location, you can add some links to the menu.
On the left hand side of the menus page you will see a number of tabs that look like this:
From these tabs you can select items to add to your WordPress menu. So for example, the Pages tab contains a list of pages on your website, and Posts tab contains a list of blog posts. You can easily select items from these lists and then add them to your menu.
There can also create custom links via the Custom Links tab using any URL you wish, such a URL of an external website.
To add an item to your menu, tick the tickbox next to a particular item (you can add multiple items at once) and then click Add to Menu.
After you click Add to Menu your items will appear within your Menu Structure on the right hand side of the page:
Within the Menu Structure section, you can reorder your items simply by dragging and dropping them into position.
The drag and drop functionality that is used to order items in a menu is also used to create sub items. Think of sub items as children of a menu item, which is the parent. Normally they are hidden by default but show when you hover over the main item (the parent) in the menu.
All you have to do is grab on to a menu and pull it slightly to the right below the item that you want to be the main menu item.
You’ll then see a dotted line as shown in the image below. This shows that the item will be a sub item of a particular item.
Once you have added your items to your menu, you can click on the dropdown arrow next to an item to reveal more settings.
For most menu items you can just change the navigation label, change its positioning, and delete the item if you wish. However, for Custom Links you can also change the URL.
When you are happy with the set up of your navigation, click Save Menu and check out what it looks like on your website. Don’t forget, you can come back and change your menu at any time.