There are two menu locations included in this theme:
- Primary Menu – The menu that sits below your logo.
- Top Menu – The smaller menu area at the top of the theme.
To set up your menus go to: Appearance > Menus
Here’s a general overview of a menu we’ve created for our theme Canvas. We’re working on our main (primary menu), if you haven’t created a menu yet you will be prompted to create one before being able to add pages, etc… to your site’s navigation. You can create as many menus as you’d like as well. For our example we have two menus on our Canvas demo, a main menu and top menu. Two popular locations for site navigation menus.
In the left hand column is a list of all your pages, as well as custom post types, categories, tags, etc… You can then select certain pages, or products, or categories and add them to the menu you are creating. For example, if you are using WooCommerce adding categories to your menu is common.
Creating Drop Down Menus
Once an item is added to a menu, those menu items can be rearranged to create sub menu items. There is an easy drag and drop method you can use to create these, shown in the gif below. To create a drop down menu drag a menu item slightly to the right of the menu item above it to create a sub item (parent/child) relationship in the menu.
You can also click the down arrow to reveal more information and there click the Up one,Down one, Under [item above it], and To the top.
WordPress adds text noting when a menu item has become a sub link as well.
Adding A Home Link
Adding a “Home” link to your menu is useful if you want to give users quick access back to your front page, or if you have set a static page as your front page, and want a “Home” item in your menu. The logos in our themes are also links to your home page, but this helps some users with a specific link saying home.
To add a “Home” link, click View All under the Pages panel. If you have a page set as your home page in your Settings > Reading settings then it shows up under all pages with the Home: [Page Title] text.
It’s up to the theme developer to decide how many menu locations a theme should have. Again, in our example using Canvas we have two menu locations: Primary Menu for your main menu, and Top Menu as an additional option. Your theme may not have the same location names or number of locations. Regardless, there are two easy ways to assign a menu you just created to a menu location.
While creating or editing your menu, you can assign it’s location at the bottom of the menu. There is also a Manage Locations tab where you can assign all locations a menu from one screen. Helpful if your theme has many menu locations.
Adding Product Categories
To add Product Categories to your menu, you might need to enable them first in the Screen Options. Then add and organize your product categories as you would any other menu item.