# Menus ## Resources ### CMS Instructions #### Content Menu Items Site administrators and content editors can create menu links to the content leveraging the Drupal Admin interface as follows: **Step 1:** Navigate to the **Content** menu and either click **Add content** to create a new content or click the **Edit** button under Operations for the content you wish to edit: ![Content](https://hackmd.io/_uploads/Sk-bQliX9.png) Navigate to the **Edit** tab. Menu links are configured in **Menu Settings**. ![Flexible Template Menu](https://hackmd.io/_uploads/HyhbblmN9.png) **Step 2:** Select the **Provide menu link** checkbox. The **Menu settings** section expands: ![Flexible Template Menu](https://hackmd.io/_uploads/SkF8Qx749.png) **Menu Settings** configuration entries include: - **Provide a menu link** - checkbox. All other entries are displayed only when this checkbox is checked. - **Menu Link Title** - text. - **Description** - text. Detailed description of menu link. - **Parent link** - default as the immediately higher or parent link. - **Weight** - represents relative positioning within the same menu level. Menu links with lower weights are displayed before links with higher weights. **Note:** Pathauto is configured for Flexible template content type so that page paths are automatically generated. For pages that may link from multiple locations the content editor will be responsible for placing the content in a menu and then creating the correct link from any other locations needed. **Step 3:** Select **Secondary navigation** from the **Parent link** drop-down and Type "My page" into the **Menu link title** field. ![Content Editor Menu Settings](https://hackmd.io/_uploads/r1SUPsTXc.png) **Step 4:** Click **Save** and review the changes. The “My Page” flexible template can now be invoked from a menu link associated with the **Secondary Navigation** Parent link. ![Menu](https://hackmd.io/_uploads/rkf0NlX4c.png) #### Menus Administration Site administrators can manage the menu items on the **Menu** items page as follows: **Step 1** : Navigate to the **Structure** menu and click **Menus**: ![Structure Menu](https://hackmd.io/_uploads/SkPeRr3Xc.png) The Menus screen contains the list of available menus. Site administrator can edit each of them, and all menus have the same structure for editing. On the Menus screen, click the **Edit menu** button under Operations for the **Secondary navigation** item: ![Menus List](https://hackmd.io/_uploads/ByvfsRcQ9.png) **Step 2:** Under the Menu Link, Secondary navigation supports three (3) menu levels. Use the **Enabled** checkbox to enable or disable each menu item. Click **Show row weights** above the menu items list to rearrange the items. ![Navigation Menu Configuration Page](https://hackmd.io/_uploads/rkR2oAcmc.png) **Step 3:** Click the **Edit** button under Operations on the the **Components** menu link within the first menu level. ![Edit Menu Link Configuration](https://hackmd.io/_uploads/S19JnAqmq.png) Mandatory menu links configuration entries include: - **Menu link title** - title of the menu link. - **Link** - the location this menu link points to. Can be internal path or external URL. - **Attributes** - **Target** : Open in New Window or Same Window - **Subnav icon** - media item representing the sub navigation icon Optional menu links configuration entries include: - **Attributes** - **Rel** - **Class** - **Enabled** - Flag denoting whether the link should be enabled in menus or hidden - **Description** - Shown when user hovers over the menu link - **Shown as Expanded** - Checkbox when enabled and this menu has children, the menu will always display expanded. - **Parent link** - default as the immediately higher or parent link. The maximum depth for a link and all its children is fixed. Some menu links may not be available as parents if selecting them would exceed this limit. - **Weight** - represents relative positioning within the same menu level. Links with high weight will sink and links with a low weight will be positioned nearer the top :::info Note: For other menus some entries can be disabled. ::: **Step 4:** Enter the following into the **Description** field: "Exercitationem um corp oris suscipit laboriosam" ![Edit Secondary Navigation Menu](https://hackmd.io/_uploads/S1CWhA9m9.png) **Step 5:** Be sure to click the **Save** button to ensure that your changes are updated. ![Save Button](https://hackmd.io/_uploads/ryjMkI2X9.png) **Step 6:** Navigate to the Home page, and hover on the **Components** menu link to test your change. ![Updated Secondary Menu Items](https://hackmd.io/_uploads/BJ8S2C9Xc.png) Refer to the guides for more deyails about the corresponding menu items - [Primary navigation menu items administration](/yyFx6kjeTBuEP2XeDZ5bIg#Primary-Navigation-Menu-Items-Administration) - [Secondary navigation menu items administration](/r8GSKKFxQuucMIQQMc_fSA#Secondary-Navigation-Menu-Items-Administration) - [Footer links adminstration](/OjNTbTMgR8GY7Scpuh0tcQ#Footer-Links-Adminisration)