Create Your Menus

Layers User Guide  Since: 1.0 Last Updated: Layers ver. 1.5 Time to Read: 3 minutes

Layers will display a link to the Sample Page and any other Pages you have created by default in the Header Menu on new setups or, if you have existing content in WordPress, will display the menu assigned to the “Header Menu” location in the Menu customizer. You can manage menus two ways, from APPEARANCE  → CUSTOMIZE  or APPEARANCE  →Menus

The best way to customize your menus is in the customizer, as it allows you to see the menu in the chosen location, and the links as they are added so you can more easily determine the order or arrangement to best fit the space.

  1. Go to APPEARANCE  → CUSTOMIZE
  2. Expand the MENUS panel
  3. Select the menu to edit or +ADD A MENU
  4. Click +ADD ITEMS
  5. Most links you will need are under Pages, Categories or Product Categories sections.
    • Sub-menus are created by dragging the menu link under the main link and setting it to the right. You can also click Reorder at the bottom and use the arrows to move items up, down, indent or outdent.
    • social-menusub
  6. When you are finished, check the Menu location you wish to set.

Layers requires you to have a Header Menu set. or WordPress will fallback to a default menu. If you have a unique layout that does not use the Header Menu location, create a menu that is blank / has no links, and assign it to the Header Menu location. Note that the Top bar in Layers will also only appear if you have a menu set in one of the Top Menu locations.

Social links can be added to any menu location using the Layers Pro extension, which adds an array of icons to the Custom Link tab in the Menus admin page.  These are font-icons that will inherit the same colors as your nav links, or can be customized separately using custom classes in the menu link options as normal. You can see this  in action in the Footer menu on this site and our demos.

When you need advanced control over your menus, such as enabling all the link tabs, adding custom CSS classes, etc, you can reach the main Menu admin under APPEARANCEMENUS.

  1. Select a menu to edit or click the create a new menu link at the top
    • newmenu
  2. Add or remove link from the left-hand sections
  3. To add a Home link, click the View All link in the Pages section and check the Home option at the top. WordPress creates this for you to ensure your home link always goes to your main page, regardless of which actual page is set as your Home Page.
  4. Under the Menu Settings section below your link setup, ensure “Automatically add new top-level pages…” is unchecked
    • topnav
  5. Repeat these steps to add more menus, if desired.
  6. Select your desired location for the menu under the Locations section
  7. Click Save 

To enable the Top bar in Layers, create another menu and assign it to one of the Top Navigation locations.

If you have an existing WordPress install, remove any links that are no longer relevant, such as pages that may have used your old theme’s page templates. For detailed help with using the Menu creator, refer to the WordPress Codex: WordPress Menu User Guide

Creating Sub-Menus

Drop-down menus are produced by tucking link items under a main link in your menu editor area. To do that, add a link to your menu, then left-click and drag it under the menu item you want to use as the main link. Pull it slightly to the right until it locks in place.

dragmenu_2

Enabling Hidden Tabs

The Menu admin will provide a tab for every object in WordPress you can link to, such as post formats, custom post types, custom taxonomies, etc but does not enable them by default.

  1. Click on Screen Options in the top-right of the Menu screen
  2. Check the boxes for the items you want to enable
Visit the WordPress Menus User Guide here for help with sub-menus, enabling link panels and adding custom classes.