Skip to content

Menus

In this section of the User Guide we will discuss menus and menu creation, as well as the creation of anchor links for One Page site functionality.

To create a menu, navigate to Appearance > Menus from your WordPress admin panel.

Menu Screenshot 1

In the upper left corner of your screen you will see two tabs: Edit Menus and Manage Locations.

Menu Location

In the Manage Locations tab you can assign menus to several different locations: Main Navigation, Fullscreen Navigation and Mobile Navigation, depending on which header type you are using.

Menu Location

Note

Note that you must assign your menu to a location in order for it to be visible.

You can also assign the current menu to a location in the Edit Menus tab, by scrolling down to the Menu Settings section.

Menu Screenshot 4

You can edit your menus in the Edit Menus tab. When editing menus, you can click on the small triangle icon on each menu item to open a list of editable settings:

Menu Structure

  • Navigation Label – You can enter a navigation label for this menu item. This is the text that will appear on your menu. By default, the navigation label is set to the title of the page.
  • Title Attribute – The title attribute will appear when a user hovers over the navigation label.
  • Anchor – If you would like the menu item to lead viewers to a certain section on the page it links to, you can enter the section’s anchor ID in this field.
  • Don’t Link – Enable this option if you don’t want the menu item to be a clickable link.
  • Don’t Show – Enable this option if you want to hide this menu item from your menu. This is useful when creating a wide menu in which you need to set a 2nd level menu item to hold your 3rd level menu items, but you don’t want the 2nd level menu item to be displayed in the menu.
  • Type – You can choose between 3 menu types. If you leave this field empty, a regular dropdown menu will be displayed. The other two available options are "Wide" menu, and "Wide with icons" menu. Note that you only need to set this option for the parent menu item, and all the child items will inherit the setting you set for their parent item.
  • Wide Menu Position – Set an alignment for your wide menu. This option is useful if you don't have many columns and would like to set a certain position for them.
  • Icon Pack - Choose the icon pack you would like to use for your menu icons. Icons are displayed in the default and "wide with icons" menu types, but not in the "wide" menu type.
  • Icon – You can use this field to set an icon to appear next to this menu item.

Wide Menu

  • Custom Widget Area – You can choose a custom widget area to appear beneath the menu item. This only applies to wide menus, and is recommended for 3rd level menu items.

Anchor Links (One Page Site Functionality)

You can link menu items to sections on your page using anchor links. This way, when clicked, the menu item will scroll the page down to the section you linked it to.

In order to create an anchor link, you need to follow these steps:

  1. You need to set anchor IDs for your rows when editing your page. You can achieve this by editing the row element in Visual Composer. In the Anchor ID field of the of the row item’s options, type in the name of your anchor. You can use any text without empty spaces.

    Anchor Section

  2. You can repeat step 1 for as many rows on as many pages as needed.

  3. When you go to edit your menu in Appearance > Menus, find the page (or pages) containing your rows with anchors and drag as many instances of them into your menu as needed.

    Anchor Section

  4. Edit each of the newly added menu items, and for each one type in its corresponding anchor ID in the Anchor field.