Tutorial: Creating a drop-down menu link
You can create and use drop-down menus, or nested menus, to enhance the use of your Developer Portal .
Before you beginYou must have a Developer Portal enabled, and you must have administrator access to complete this tutorial. The tutorial Creating the Portal explains how to enable the portal if you have not already done so.
About this tutorial
In this tutorial, you create a drop-down menu link on the
Although drop-down menu links can be created in the Developer portal, the drop-down menu doesn't
expand by default. To make the drop-down menu expand, you need to use the
The front page
Main navigation displays like this before the changes are made.
Make the drop-down menu expand by using the Superfish module
To make the drop-down menu expand when you hover over it, you need to use the
Superfish module and configure the
- If the administrator dashboard isn’t displayed, click Manage to display it.
- Navigate to
superfish, check the
Superfishbox, click Enable.
. Search for
- Navigate to .
- Click Configure, and select Disable for the
- Click Place block for Navigation, Then search for main
navigation in the box. The filtered results might show two or more options. Click
Place block for the
Main navigationwith the Category
Display title, click Save block.
Main navigationto be under
- Click Save blocks.
- Navigate to the home page. The
APIsmenu link that you added into the main navigation menu does now expand when you hover over it.
What you did in this tutorial
You created a drop-down menu link on the
Main navigation menu.
What to do next
You can consider any other uses of the drop-down menu to enhance your users experience on your Developer Portal.