A menu link landing page is a custom content type in Drupal that links to and describes all child pages in that menu section.

Menu link landing page for the Libraries & locations section on the refreshed site

When to use a menu link landing page

We recommend adding a menu link landing page to all primary navigation items on the refreshed website.

Menu link landing pages are accessible from the top menu through the View all link that’s listed at the bottom of each drop down.

Primary navigation on the refreshed website

We also recommend each sub-site navigation item a menu link landing page, unless the item doesn’t have any child pages.

Sub-site navigation on the refreshed website

What’s on a menu link landing page

The menu link landing page content type comes with the following elements:

• Header split screen: Full-width block that includes a photo on the left and H1 + description on the right. The block collapses into one column on mobile.
• List of child pages: You can choose the parent menu which tells this block what child pages to be displayed. Only one level of menu links are displayed. This block has columns on desktop and one column on mobile.
• A flexible section: Beneath the list of child pages, you can add custom content to highlight pages nested deeper in that section or use the Useful links block to link to related pages in other sections.

Create a menu link landing page

1. From the Add content list, choose Menu link landing page

   

2. Go to the URL alias box on the right side:

   1. If this is a menu link landing page for the main site, type /[menu path]
   2. If this is a menu link landing page for a sub-site, type /[sub-site path]/[menu path].

   

3. Configure the Header split screen block

   1. If this is a menu link landing page on the main site:

      1. enter the title and select Exclude title from display. Then select Full width for the Header split screen and set Background color to Midnight.

         

      2. Upload an image for the Header split screen. Before you upload the image, format it with a 2:1 aspect ratio.

      3. Then add the page title and page description to the Text field in the Header split screen. Make sure to style the page header as Heading 1.

         

   2. If this is a menu link landing page on a sub-site:

      1. Remove the Header split screen block

         

      2. In the Body field, add description of the page, and style the description as Text Size Lead.

         

4. Configure the menu links. Keep most fields set to their default value (this is important) and only change the following fields:

   1. Choose an option for the Menu link block, depending on which site you’re adding the menu link landing page to.

      

   2. Under “Advanced options,” select the Fixed parent item for the menu links. This is the parent menu for which you’d like to display the child pages.

      

5. Save your changes.

6. Make a dev request to remove the sidebar from the menu link landing page you just created.

   1. Note for dev: This block is in the custom config, so we should version control the change rather than making a change directly on the site.