Drupal Lite 8: Manage Menu Items

This article contains information about:

In Drupal Lite 8, there are two methods for adding links to the navigation menu:

  • From the edit form for a page
  • From the Menu Module

Menu items can also be rearranged in the Menu Module.

Understand Menu Structure

Each site will have a main navigation menu at the top of every page. This main navigation menu is referred to as the parent of all sub-menus.  Because the parent item is only used to display the sub-menu, it should be a sub-menu place holder.
Sub-menus can then be created by adding pages and links to a menu item in the main navigation menu. You can also add sub-menus of sub-menus.

In the image below:

  • Home and Biographies are in the main navigation menu
  • Brutus Buckeye, Goldy, and History of Mascots are in the sub-menu of the parent Biographies
  • Mascots on Campus is in the sub-menu of the parent History of Mascots
    a menu for a site, showing home and biographies in the main navigation, brutus buckeye, goldy, and history of mascots in the sub-menu of biographies and mascots on campus as a submenu of history of mascots.

Using the Edit form to add a page to the navigation menu

  1. Navigate to the Edit form for a page
  2. In the right sidebar, click the disclosure triangle for Menu Settings
    1. Select Provide a menu link
    2. Edit the Menu link title if desired
    3. Add a description, which will display if the mouse is hovered over the menu item
    4. Select a Parent item.
      1. Select <Main Navigation> to place the link in the main navigation menu
      2. Select a Sub-Menu Place Holder to have it be in the sub-menu
    5. Ignore Weight (this is not implemented in Drupal Lite 8)
  3. Click Save at the bottom of the page

Adding a link to the navigation menu using the Menu Module

The Menu Module is available based on the user's role in the site. If you do not see the Menu Module, please contact the site's administrator.

The Menu Module allows you to

  • Create menu items that link to other pages on the site
  • Create menu items that link to external pages
  • Create sub-menu place holders
  1. Select Structure in the Admin menu
  2. Select Menu
  3. Locate Main Navigation in the list and click Edit Menu. The Edit menu Main navigation window is displayed.
  4. Select +Add Link. The Add menu link form is displayed.
    1. Enter a Menu link title
    2. Enter a link
      1. Link to a page on the site
        • Start typing the title, and the autocomplete list will show matching titles.
      2. Link to an external page
        • You must enter the fully qualified URL (i.e., starting with https:// etc.)
        • Best practice is to visit the page and copy the full URL from the browser's address bar.
      3. Link to the site's homepage
        • Enter:the text less than sign front greater than sign
        • Using the variable ensures that the link will always point to home even if there is a new homepage.
      4. Create a sub-menu placeholder. Learn more about sub-menus.
        • Enter:the text less than sign front greater than sign
  1. Enter a description.
  2. Select Save.

Sub-menu place holders

The Drupal Lite 8 navigation menu is designed to use on-click behavior. A sub-menu will only open when the placeholder is clicked. Being able to click to open a menu and not have that menu disappear until another action is taken lets users take their time and move the mouse in any direction, without the menu disappearing.

Because of this behavior, you should not use a page as the sub-menu placeholder. Instead, use the Menu Module to add a link with the URL:

the text less than sign front greater than sign

Rearrange menu items

  1. Select Structure in the Admin menu
  2. Select Menu
  3. Locate Main Navigation in the list and click Edit Menu. The Edit menu Main Navigation window is displayed.
  4. Use the move icon (compass points) to drag the menu item to a different location.
    • Drag the item left/right to move the item to different levels of the menu structure.
  5. Click Save.

In the image below, the menu item Brutus Buckeye was moved to the bottom of the menu, and then one level to the right so it is in the Other Bios sub-menu.

the menu for the site showing the previous state with Brutus Buckeye menu item listed under Biographies, and on the riight, the menu item brutus buckeye at the bottom in the sub-menu Other Bios.