Add a Global Navigation Item (Mega Menu)

Prev Next

This article will show you how to add a Global Navigation item (Mega Menu) to your website using the Site Map.

Important Notes

  • A best practice for Global navigation is to have no more than 5 items because of spacing. If there are too many Global-level items the text will overlap and make your Mega Menus hard to read and access

  • Global-level navigation is the first tier of pages under the Home page

Who can use this feature?

System Administrators | Owners

Instructions

  1. Sign in to your website solution

  2. Navigate to an existing Global Navigation page on your website

  3. Make sure to enable Live Edit: The Live Edit status for a page is toggled to ON and highlighted.

  4. Click the Layout tab: The Layout tab of the Live Edit panel for a Global Navigation page.

  5. Take note of the existing Global Navigation page's Layout settings: The Layout settings of a Global Navigation page.

  6. Navigate to the page you want to add to Global Navigation

  7. Click the Layout tab: The Live Edit panel with the Layout tab selected and highlighted.

  8. Change the new Global Navigation page's Layout options to match the existing page's settings from Step 5: Update the Layout settings in the Layout tab to match those of the other Global Navigation pages.

    • Layout: Set the Layout to Interior

      Note:

      The Interior Layout is used for all of the Global Navigation pages.

    • Feature Column: Enable this option to display the feature column on the page

      Note:

      The Feature Column can be enabled or disabled at the customer's discretion and does not need to match the existing Global Navigation page's setting.

    • Theme: The overall look, feel, and style of the page

    • Banner or Banners: Image or images based on the Theme of the page

      Note:

      Not all Interior Layouts will have multiple banners.

    • Edit Banners for This Theme: This button takes you to the Design Center to update the page's banners

  9. Click the Save Layout Changes button: The Save Layout Changes button is highlighted on the Layout tab of the Live Edit panel.

  10. Click the OK button on the pop-up confirmation window: The Layout change confirmation message pop-up with the OK button highlighted.

    Note:

    The confirmation message will read as "Warning: Changing the layout may cause you to lose data. Also, any containers locked for inheritance will be unlocked. You will need to relock these containers in order to continue inheritance. Would you like to continue?" If you do not want to risk losing data, you can use the Cancel button to decline the change.

  11. Access the Site Map page: The Modules drop-down menu, with the Site Tools tab expanded and the Site Map option highlighted.

    Note

    Many websites have a link that leads to the Site Map page in the Footer area. If this link is not available on your website, access the Site Map page using the following steps:

    1. Click on the Modules drop-down menu

    2. Click on the Site Tools tab

    3. Select the Site Map option

  12. On the Site Map page, locate the page that you wish to move to the Global level of navigation (this can be an existing page or a page you created specifically for this purpose: The Site Map page with a page highlighted for selection.

  13. Drag and drop the page above an existing Global-level item: The Site Map page with a previously selected interior page moved above a Global Navigation item.

  14. View your new Global Navigation item: A refreshed Homepage with a new Global Navigation item added to the Mega Menu.