Creating a New Menu

In your WordPress dashboard, click on Appearance->Menus. At the top of the page, click the create a new menu link.

Screen Shot 2015-08-25 at 2.45.22 PM

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.

  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.

Your custom menu has now been saved.

Screen Shot 2015-08-25 at 3.38.41 PM

Note: The Screen Options tab in the upper right allows you to add additional item types to menus.

Multi-Level Menus

The WordPress menu editor allows you to create multi-level menus using a simple ‘drag and drop’ interface. Drag menu items up or down to change their order of appearance in the menu. Drag menu items left or right in order to create sub-levels within your menu.

Mega Menus

Weston gives you the ability to have mega menus. A mega menu is a drop down menu with more than one column. To set a menu item as a mega menu, expand that menu item, and check the Mega Menu checkbox. Here you can also set the mega menu width, alignment and add an icon to the menu item.

Screen Shot 2015-08-25 at 3.45.05 PM

Any children of the Mega Menu item will act as column headings. And children of the column headings will appear in those columns.

Screen Shot 2015-08-25 at 3.49.48 PM

Adding Your Menu to Your Site

Weston has four menu Theme Locations that you can assign a menu to.

  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.

Screen Shot 2015-08-25 at 4.19.03 PM

Adding a Button to the Menu

In your menu editor, click on the Screen Options tab in the upper right and make sure that CSS Classes is checked.

Then expand the menu item that you want to be a button, and enter menu-button in the CSS Classes field. Then save your menu.