Important! This documentation is old, and a lot has changed in HubSpot since we released Act version 1. If you are still using Act version 1 we recommend saving these pages for later reference. This documentation will be deleted soon.

Sub-Menu

The Sub-Menu module is placed in the Act Sub-Menu global group and uses the default menu tree from your Content Settings > Advanced Menus:

advanced-menus-trees-in-hubspot

Both Main Navigation and Sub-Menu should use the same menu tree in order to work as designed.

If you want to edit your Sub-Menu module, open your Act Sub-Menu global group in Design Manager:

act-theme-open-sub-menu

Then, click the gear icon on the Sub-Menu module and Edit Options:

act-theme-sub-menu-edit-options

The default options for this module are:

Act Theme - Sub Menu - Default Options


If you encounter any visual or functionality problem with this menu, please make sure:

  • it uses the same menu tree as the Main Navigation
  • it is set with the default options above
  • these classes are applied to the Sub-Menu module in your Act Sub-Menu global group: menu-reset sub-menu

You can check what classes are applied like this:

Act Theme - Sub-Menu - Edit CSS Declarations

Act Theme - Sub-Menu - Custom Classes

Note:

  • When you swap a module in a template in HubSpot, its custom CSS classes are removed. This is expected behavior, as various styles may not apply to all module types. In case you notice a missing element (e.g. mobile menu button) or lack of functionality, please make sure you also add the class from the previous module back to the new module.
  • Both Main Navigation and Sub-Menu should use the same menu tree in order to work as designed.