CMS-General

How can I edit an advanced menu module?

Last updated: May 31, 2018

Applies to:

Marketing Hub Basic, Professional, Enterprise

Below you'll find instructions for making changes to your advanced menu module. To learn how you can edit a simple menu module, please click here.

This article will first walk through the steps to make changes to the options for your advanced menu module on your template. If you already know which menu is being used on your template and would just like to make edits to the items on that menu, you can skip to the instructions for editing your advanced menu items.
  • Navigate to your page's template:
    • If you are logged into your HubSpot account and viewing the live version of your page, click the HubSpot sprocket icon in the top right corner and select Edit Layout.
    • If you are in the page editor within your HubSpot account, click the Settings tab. Click Advanced options. Under the Template section, click the name of your template. If the template is being used by other live pages, you'll need to choose to edit this layout anyway or make a copy instead.
  • Access your advanced menu module:
    • If your advanced menu is not part of a global group, click the module to access the module's options in the inspector pane on the right.
    • If you do not see your advanced menu module on the template, it is likely part of a header or footer global group globalGroup. Click the global group. In the inspector pane on the right, click the More dropdown menu and select Edit global group. You will be brought to a new tab in the design manager where you can make changes to individual modules in your global group. Click the Advanced menu module. Please note that if your global group is used in multiple templates, changes made here will apply to all of them.
  • In the inspector pane on the right, scroll down to the Default Content section and make changes to your advanced menu module as needed.
    • Menu: use this dropdown menu to select the advanced menu that will be used in this module. If you need to make edits to the items in your menu, make note of which menu is being used here and follow the instructions below to make changes to the menu. 
    • Advanced menu type: use this dropdown menu to customize which portion of your advanced menu will be displayed. You can choose to use a static menu, a menu that is dynamic by section, a menu that is dynamic by page, or a breadcrumb path menu. 
    • Max levels: use this dropdown menu to set a maximum number of menu tree children that can be expanded in the menu.
    • Orientation: use this dropdown menu to determine if your menu will appear horizontally or vertically. 
    • Enable flyouts: toggle this switch on or off to determine if child menu items will appear when you hover over the parent item. If this is turned off, child menu items will always appear by default.

advanced-menu-module

  • Click Publish changes to take the changes to your advanced menu module live. 

If you'd like to make changes to the menu being used in your advanced menu module:

  • In your HubSpot account, click the settings icon settings in the main navigation bar.
  • Under Marketing in the left sidebar menu, click Web pages
  • Click the Advanced Menus tab.

  • Click the dropdown menu and select the menu that's being used in your template. If you'd like to clone and edit an existing menu, select the menu from the dropdown menu, then click the Actions dropdown menu to the right, and select Clone

  • Once you've selected your menu, edit it as needed:
    • Drag and drop menu items to reorder them.
    • Click on a label to change what visitors will see on your site.
    • If a menu item directs visitors to a HubSpot page, you can click the dropdown menu to change the destination to a different page. If a menu item goes to a URL link, click the URL destination, then make edits in the field as needed.
    • You can change the type of destination for a menu item by hovering over it, clicking the Actions dropdown menu, and selecting one of the Replace with options
    • Add a new item by hovering over an existing menu item, clicking the Actions dropdown menu, and selecting Add item below. You can also add a menu item by clicking the plus icon between or below existing items.
User-added image
User-added image
  • Once you've made your edits, click Publish. Your changes will be automatically applied wherever this menu appears. 
You can learn more about setting up your site's navigation options in this article.

Was this article helpful?

If you still need help you can get answers from the , or to contact support.