Skip to main content Skip to secondary navigation

Enable drop-down navigation menu

Main content start

Stanford Sites provides the option for main navigation drop-down menus.

Drop-down menus are designed with “split button” functionality so users can access both the landing page and the drop-down menu through the main site navigation. This allows content editors to develop high-impact landing pages for users that are new to the site, while providing direct access to nested content for users already familiar with the site. 

Learn more about When and How to Use Drop-Down Menus to support effective communication and user experience.

Using the drop-down

Users can click on the menu link title (in the example below, Research) to access the landing page (/research), or click on the toggle icon to open and close the drop-down menu.

Access Landing Page by clicking "Research"

Dropdown Menu clicked on "Research" Landing Page

Access drop-down by clicking toggle icon

Menu with dropdown open

Drop-down with additional nesting

Drop-down menu with additional nesting

Menu links are organized according to the structure you set at [your site url]/admin/structure/menu/manage/main and additional menu link nesting is supported. Only menu links with nested content will display a toggle icon.


Enabling drop-down menus

Site managers now have the ability to enable drop-down menus within the site settings config page.

  1. In the Administrative Toolbar, select Manage (if needed), then hover over Configuration > System > Site Settings.
Enabling drop-down menus
  1. Check the box next to Use drop-down menus to enable the drop-down menu.
Use drop-down menus
  1. Adjust the drop-down menu depth if desired.
    1. Select a drop-down menu depth, e.g. 2. 
Adjust the drop-down menu depth

  1. The drop-down menu will look like this:
  1. Stanford Sites defaults to the maximum number of levels with an empty field. The same drop-down menu will appear like this:
  1. Click Save.

Related Topics

Site managers have the ability to hide the site search functionality within the site settings configuration page.