Add a Menu | Govstack Learning Centre

Menu Manager lets you add a variety of menu layouts to your website. Explore each menu style and learn how to select and add a menu to your website using Menu Manager.

To add menus to Menu Manager, you need to:

Navigate to the Global Node in the 'Content' navigation tree. Your site may have several global nodes. Confirm you are selecting the correct option.
Select 'Menu manager'
Select 'Add content'
Select the type of menu you would like to add. See the menu types below for details.
Complete the content and settings for the menu. Full explanations for these options can be found below.
Select 'Submit'
Repeat these steps for each menu. If you are replacing menus, you can hide or delete the original entries as you proceed.
If required toggle 'Replace Default Menu' to 'YES'. Activating this option will disable the main navigation tool in the navigation section of your Global Node.
Select 'Save and publish' to complete the process

Menu styles

Menu Manager lets you select from three different menu style for your website:

Standard Menus
Call to Action Menus
Multi Level Menus

Review and learn how to set up each menu option.

Standard menus

Standard menus are single or multi-column lists that display entries in a simple vertical format.

Content

Auto-generate links

Enable this toggle to automatically generate navigation links based on the content tree structure. If this option is enabled pages added to the website will also be added to the menu on publishing.

Alternatively, you can manually configure each menu link if you turn this option off.

Generated navigation links

Select a top-level navigation link to automatically add its subpages, organized according to their arrangement in the content tree. This option will only be available if 'Auto-generate links' is set to automatic.

For example, your website might have a main men option called "Living Here". If you select that link, Menu Manager will add all of the subpages to the menu navigation. This helps save you lots of time when setting up your website.

Main navigation item

This option will only be available if 'Auto-generate links' is set to manual.

Select the primary navigation link to appear as a main menu item in the site’s header. This serves as the anchor for dropdown menu items.

Dropdown menu items

This option will only be available if 'Auto-generate links' is set to manual.

Add, edit, or remove links that will appear in the dropdown menu under the main navigation item. Organize links to reflect the structure and hierarchy of your site’s navigation.

If child pages are added to the menu they will appear at the bottom of the list of links. The menu items can be rearranged by dragging and dropping.

If pages are added to the content after the menu is created, they will need to be included in the list manually.

Settings

Columns per menu

Select the number of columns to display in the dropdown menu. Choose from single column to four columns per row to best fit the size of your website.

For example, if you have fewer than 10 items in a menu, we don't recommend adding an additional column.

Text alignment

Adjust the alignment of text within the dropdown menu. We recommend always having text left aligned as that is the easiest for users to read.

Additional styles

Customize the visual elements of your dropdown menu.

Remove divider lines - Disable the divider lines between menu items.

Remove shadows - Remove the shadows at the top and bottom of the pop-up menu window.

Pages to display

Set the maximum number of links to display in the dropdown. Exceeding this limit will add a 'View All' link at the end of the dropdown navigation items.

We recommend using this option sparingly as it can make it harder for users to navigate your website. As a best practice, all menu items should be visible in the menu.

The 'View All' link will take visitors to 'Generated navigation links' or the 'Main navigation item' page, as determined by the 'Auto-generate links' setting.

Call to Action Menu

Call to action menus are multi-column lists that display links along with an image and text block that can include a featured page.

Content

Auto-generate links

Enable this toggle to automatically generate navigation links based on the content tree structure. Turn this option off to manually configure the links.

If this option is enabled pages added to the website will also be added to the menu on publishing.

Generated navigation links

Select a top-level navigation link to automatically add its subpages, organized according to their arrangement in the content tree.

For example, if you have a main menu option called "Visiting Us" all of the pages in this section will appear in the menu.

This option will only be available if 'Auto-generate links' is set to automatic.

Main navigation item

This option will only be available if 'Auto-generate links' is set to manual.

Select the primary navigation link to appear as a main menu item in the site’s header. This serves as the anchor for dropdown menu items.

Dropdown menu items

This option will only be available if 'Auto-generate links' is set to manual.

Add, edit, or remove links that will appear in the dropdown menu under the main navigation item. Organize links to reflect the structure and hierarchy of your site’s navigation.

If child pages are added to the menu they will appear at the bottom of the list of links. The menu items can be rearranged by dragging and dropping.

If pages are added to the content after the menu is created, they will need to be included in the list manually.

CTA image

Select an image for the call to action. This image will be prominently displayed in the dropdown menu.

CTA heading

Enter the heading for the call to action. This will be the main text that visitors see, typically encouraging them to take a specific action.

CTA description

Provide a short description for the call to action. This text should support the heading and motivate users to engage with the CTA.

CTA link

The URL address that users will be directed to when they click on the call to action. Ensure this link leads to a page that corresponds with the CTA's intended action.

Settings

CTA position in dropdown

Choose the position of the Call to Action within the dropdown menu. Available options are left or the right. This setting will only affect desktop displays. Calls to Action are not included in mobile navigation.

Columns per menu

Select the number of columns to display in the dropdown menu. Choose from three or four columns to best fit your content and layout preferences.

Dropdown layout

Choose between 'Full' to extend the dropdown menu across the entire page width, or 'Wide' to limit the dropdown to the width of the content area.

Text alignment

Adjust the alignment of text within the dropdown menu.

Additional styles

Customize the visual elements of your dropdown menu.

Remove divider lines - Disable the divider lines between menu items.

Remove shadows - Remove the shadows at the top and bottom of the pop-up menu window.

Pages to display

Set the maximum number of links to display in the dropdown. Exceeding this limit will add a 'View All' link at the end of the dropdown navigation items.

The 'View All' link will take visitors to 'Generated navigation links' or the 'Main navigation item' page, as determined by the 'Auto-generate links' setting.

Image Layout/Text Position

Select a background color to enhance your call to action’s visibility and design. For ‘Above’ or ‘Below’ text positions, this serves as the text’s solid backdrop. In ‘Overlay’ positions, it acts as a tint over the image to improve text readability.

Text alignment

Adjust the alignment of text within the call to action. Options are left or center aligned.

Image style

Choose from various image ratios and styles to best display your image within the call to action.

Call to action menu with an image of rolling hills

Multi Level Menu

Multi-level menus are multi-column lists that display both the parent and child menus from the target directory. This is the only menu choice that can display the nested structure of the website.

Note that each column of a Multi-Level Menu is divided based on an equal number of parent pages. The inclusion of child pages may cause column lengths to become uneven.

Content

Auto-generate links

Enable this toggle to automatically generate navigation links based on the content tree structure. Turn this option off to manually configure the links.

If this option is enabled pages added to the website will also be added to the menu on publishing.

Generated navigation links

Set a top-level navigation link to automatically fetch its subpages, organized according to their arrangement in the content tree.

This option will only be available if 'Auto-generate links' is set to automatic.

Main navigation item

Select the primary navigation link to appear as a main menu item in the site’s header. This serves as the anchor for dropdown menu items.

This option will only be available if 'Auto-generate links' is set to manual.

Dropdown menu items

Add, edit, or remove links that will appear in the dropdown menu under the main navigation item. Organize links to reflect the structure and hierarchy of your site’s navigation.

If pages are added to the content after the menu is created, they will need to be included in the list manually.

This option will only be available if 'Auto-generate links' is set to manual.

Add submenu categories and nested menu items using the 'Add menu item' button.

Submenu category

Add a category to organize related submenu items. This category serves as a parent for further nested menu items.

Nested menu items

Define the nested items that appear under each submenu category. These items provide detailed navigation options under the parent category.

Settings

Columns per menu

Select the number of columns to display in the dropdown menu. Choose from three or four columns to best fit your content and layout preferences.

Dropdown layout

Choose between 'Full' to extend the dropdown menu across the entire page width, or 'Wide' to limit the dropdown to the width of the content area.

Text alignment

Adjust the alignment of text within the dropdown menu. Options are left or center.

Additional styles

Customize the visual elements of your dropdown menu.

Remove section borders - Removes the boxes surrounding parent and child groups in the menu.

Remove divider lines - Disable the divider lines between menu items.

Remove bold parent link - Removes the bold style on parent pages.

Indent child items - Indent child items under their parent link to better show the page relationships.

Remove shadows - Remove the shadows at the top and bottom of the pop-up menu window.

Pages to display

Set a maximum number of links to display in the dropdown for Auto-Generate Links mode. This will only count the Submenu category entries. Exceeding this limit will add a 'View All' link at the end of the dropdown navigation items. Note that this setting does not apply to manual mode.

The 'View All' link will take visitors to 'Generated navigation links' page.

Multi level menu showing the parent and child pages

Adding Menu Manager

Most websites will have Menu Manager pre-configured. Follow these steps if you are adding Menu Manger to your site, or if you would like to replace the pre-built menus with a different style.

Best practices

For consistent results, you may want to use the same type of menu for all the entries on a site. If your website has multiple global nodes, you can select different menu layouts for the menu manger in each node.