Purpose
The purpose of a menu is to provide visitors with a navigational structure, allowing them to easily find and access different sections or pages of the website.
Navigate to our DX Training Video guide for further visual guidance on how to work with menus.
When to Use Menus
Menus help users find information quickly and easily by organizing content into categories or sections. They make browsing more efficient and improve the overall user experience. Additionally, menus show the hierarchy and organization of your website's content, helping users understand how the site is laid out and navigate it smoothly.
Elements of a Menu
The Main Navigation is the menu that appears at the top of the website.
The side bar menu is also the main navigation menu but the dropdown is condensed which allows for the menu to be easier to navigate through.
The Footer Menu Navigation is located at the bottom of the page.
The Navigation menu allows for limited items before shifting to a "hamburger" style menu on the top right. When possible, use shorter navigation menu labels, and make the number of menus around 6-7. Visit your peer websites to get a sense of what the menus show and the different menu links that peer agencies are choosing.
Example of Menu Navigation Disappearing (hamburger):
Log in to your site
Everyone who writes things on this website has a special title. These titles give them certain abilities, like who can edit, review and publish what. You can ask for a different title or take one away from someone using the user manager.
Add a specific Page to the Menu Navigation from the Menu Settings
To add a page to the menu navigation using the menu setting you can either go directly to that page and select the edit button that is directly above the page title.
Another way is that you can select the "Content" button in the upper left corner of the page and this will bring up the "Content library" this is where you can also search for the page by it's title within the content library filter. After you've found the page you can select the edit button within the far right of the filter results under the operations row.
Once you are in the edit section of the page you want to have added to the menu you can now go to the right of the page and you will see the sidebar where you can select the "Menu settings" and then click the "Provide a menu link" check box.
Next you can pick the placement of this page in the menu by selecting the "Parent Link" dropdown and here you can pick for it to either appear in the "Footer" menu or the "Main Navigation" menu.
Note that more than 6 main navigation menu items, will cause the menu to become a "hamburger" on the topmost right-hand side.
Once you are all done you can now select the save button at the bottom of that page for the page to appear in the menu navigation.
Be Aware of Navigation Menu Limits!
The Navigation menu allows for limited items before shifting to a "hamburger" style menu on the top right.
When possible, use shorter navigation menu labels, and make the number of menus around 6-7. Visit your peer websites to get a sense of what the menus show and the different menu links that peer agencies are choosing.
For example, this is a longer menu that must shift to hamburger style:
How to Organize Footer and Main Navigation Menu links
An easier way for Agency Managers to reorganize your menu is by selecting the "Structure" button that is at the top of the page and then within the dropdown hover over "Menu" which is where another dropdown will appear for you to select either the "Footer" or "Main Navigation".
From here you can now use the crosshairs to move and reorganize the menu links to appear where ever you would like them. When you are done make sure to scroll down and select the blue "Save" button at the bottom to make sure your changes are saved.
How to Edit & Delete Navigations Links
You can find the list of your current navigation links where you can add or delete links that are in your main menu navigation as well as links that are within your footer navigation.
Those with the Publisher role an Agency Manger role are the ones who can adjust this within the structure tab. From the structure tab you will want to navigate to menu and then select the menu you want to edit or remove links from that navigation, for this example we will remove links that are appearing in the footer.
Clicking on the list of links and then the edit button will allow you to edit or delete links that are in the menu sidebar, top main navigation or footer.
If you don't want to delete the link but instead want to hide it so that the link doesn't appear within the footer or menu you can easily do this by unchecking the box within the enabled row. This will make it so the link is now hidden from appearing.
Example: Footer navigation with a list of links with the enabled box checked
Example: Footer navigation with a list of links with the enabled box unchecked and now are hidden