WMS: Create a drop-down menu


OVERVIEW

Target audience: Site Managers, Site editors

Site managers can replace the vertical menu displaying level 2 child items with a drop-down menu in the horizontal navigation.

In this article:

announcement

NOTE: This article refers to a process to be used on sites that have already migrated to the New WMS.

If your site has not yet migrated, see the Index of documentation for the McGill Web Management System.

Drop-down menus vs vertical menus

A drop-down menu works well for short, simple lists. By removing the vertical menu, a drop-down menu saves space on the page.

A vertical menu makes it easier for users to scan a longer list of pages. Being able to see the menu persistently helps users know where they are within the site.

Level 2 child items appear in the vertical menuĀ (see image below):

Vertical menu shown on Web services webpage

Level 2 child items appear in a drop-down menuĀ (see image):

child items found in drop down menu on Web Services


Navigate to the menu administration screen

  1. Click Structure.
  2. Click Menus.
  3. Click List links in the Main navigation row.
  4. Click Save.


Create a drop-down menu

  1. On the menu administration screen, locate the menu link to be turned into a drop-down menu.
  2. Click Edit.
  3. Click Display settings.
  4. Select the Show as expanded checkbox.
  5. Click Save.

Expanding a child menu item

Level 2 and level 3 child items appear in a drop-down menu (see image below):

child items on drop down menu of Web Services webpage

If the Show as expanded checkbox is selected for a level 2 child menu item, the vertical menu will not appear on that child page. If there are level 3 child pages under that page, they will appear in the drop-down menu.


Remove a drop-down menu

  1. On the menu administration screen, locate the menu link that is currently a drop-down menu.
  2. Click Edit.
  3. Click Display settings.
  4. Clear the Show as expanded checkbox.
  5. Click Save.


references

ADDITIONAL REFERENCES: