Common
Getting Started
Updates
Writing & Editing
Categories & Taxonomies
Editor Blocks
How To’s
Features
Translations
JetPack
3rd Party API
Troubleshooting
Development
About The Theme

Set Up Site Menus

WordPress comes with easy to use menu functionality, which lets you quickly create any menus and place them in your menu areas.

Defining a Menu

You need to define a menu before adding any items to it.

Defining a menu in WordPress admin area
  1. Login to your WordPress Dashboard.

  2. Navigate to Appearance » Menus.

  3. Select Create a new menu at the top of the page.

  4. Enter a name for your new menu in the Menu Name box.

  5. Click the Create Menu button.

Adding Items To a Menu

You can add different link types into your menu, these are split between panes left of the menu you’re currently editing.

Add items and link types into your site menu
  1. Locate the pane entitled Pages.

  2. Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.

  3. Select the Pages that you want to add by clicking the checkbox next to each Page’s title.

  4. Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.

  5. Click the Save Menu button once you’ve added all the menu items you want.

The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Tags are hidden by default.

Deleting a Menu Item

Deleting a menu item from your site menu
  1. Locate the menu item that you want to remove in the menu editor window

  2. Click on the arrow icon in the top right-hand corner of the menu item/box to expand it.

  3. Click on the Remove link. The menu item/box will be immediately removed.

  4. Click the Save Menu button to save your changes.

Customizing Menu Items

Some of the following items might be hidden by default. Use Screen Options to show the required fields.

This field specifies the title of the item on your custom menu. This is what your visitors will see when they visit your site/blog.

Original

A link to the original source of the menu item (e.g. a link to view the post or page).

Title Attribute

This field specifies the Alternative (Alt) text for the menu item. This text will be displayed when a user’s mouse hovers over a menu item.

Select Same window or tab or New window or tab from the pulldown.

CSS Classes

Optional CSS Classes for this menu item.

Entering custom CSS class name to a single menu item
  1. Click on the arrow icon in the top right-hand corner of the menu item/box to expand it.

  2. Enter the values for the required fields that you want to assign to the item.

  3. Click the Save Menu button to save your changes.

Creating Multi-level Menus

When planning the structure of your menu, it helps to think of each menu item as a heading in a formal report document.

The WordPress menu editor allows you to create multi-level menus using a simple drag and drop interface. Once an item is added to a menu, those menu items can be rearranged to create sub menu items. 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.

Creating multi-level menus using a simple drag and drop interface
  1. Position the mouse over the child menu item.

  2. Whilst holding the left mouse button, drag it to the right.

  3. Release the mouse button.

  4. Repeat these steps for each sub-menu item.

  5. Click the Save Menu button in the Menu Editor to save your changes.

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.

Assigning Your Menu To a Location

While creating or editing your menu, you can assign it’s location at the bottom of the menu. Also, Manage Locations tab is where you can assign all locations a menu from one screen.

  1. Scroll to the bottom of the menu editor window.

  2. In the section titled Theme locations, click the check box for the location where you want your menu to appear.

  3. Click Save Menu once you've made your selection.

Assigning your menu to a location

The Conj - eCommerce WordPress Theme includes 4 menu location options:

  • Primary Menu: Used for the primary navigation bar in the header area.

  • Social Menu: Used to display social network icons on your site.

  • Secondary Menu: Used to display quick links on your site.

  • Push Menu: Used for mobile menu only.

The primary navigation appears beneath the site logo just before the content. The secondary navigation appears to the right of the site logo adjacent to the search box (assuming WooCommerce is active).