Dropdown Menus (Classic)

Available on
Faculty Sites
Sites+

You are viewing documentation for an older version of the website theme. View the current documentation.

Faculty sites: Menus are available on Advanced and Full-Scale faculty sites. If you would like a menu, upgrade your faculty site from Simple.

Menu items can be nested to create dropdown menus. 

When to use dropdown menus: Dropdown menus are most useful when pages are closely related to each other. If you have fewer than 7 menu items, you probably don't need to create dropdown menus because all your menu items will fit comfortably in the menu bar.

Edit the main menu

There are two ways to edit the menu

  1. The edit menu button on the left of the main menu area.
  2. The site settings button in the upper left of the page, the click the Manage Menu link.

Hide row weights

On the edit menu page, confirm you can see the drag icons on the left side of each item in the list. If they aren't there, ensure row weights are hidden with the button in the upper right of the list.

The hide row weights button is grey in the upper right.
Here's what the row weights button looks like.

Click and drag

Click and hold the move icon to drag a menu item beneath and to the right of the chosen parent item. To un-nest the dropdown menu item, drag the move icon out from under and to the left of the parent item.

Animation of dragging a menu item beneath another one.

Save

Don't forget to save.


Results

Dropdown menus open to reveal submenu items when the user hovers over the parent item in main menu.

A parent item is indicated with a small arrow.
Dropdown menus are indicated by a small down arrow icon.

 

The dropdown opens on hover.
Hovering over the parent item opens the dropdown.