×

Hupspot simple menu guide

How to Edit a Simple Menu Module in Hubspot

Learning how to edit a simple menu module in Hubspot helps you control your site navigation without touching code. This guide walks you through every setting available in the simple menu module so you can confidently manage your menus in the content editor and design manager.

The instructions below are based on Hubspot’s standard simple menu module behavior and apply to any theme or template that uses this default navigation component.

Understanding the Hubspot Simple Menu Module

The simple menu module in Hubspot is a flexible navigation element that lets you display a list of links, organize them in levels, and control alignment, direction, and styling from the sidebar editor.

You will typically find this module in:

  • Website page templates
  • Blog templates
  • Landing page templates
  • Global header or footer groups

When you select a simple menu module in the editor, its configuration options appear in the left sidebar, where you can add, edit, and reorganize menu items.

Accessing the Simple Menu Module in Hubspot

Before editing a menu, you need to open the correct area in Hubspot where the module lives.

  1. In your Hubspot account, navigate to your content tools (website pages, landing pages, or blog).

  2. Open the page or template that contains the navigation you want to modify.

  3. In the content editor, click on the simple menu module in the page preview or in the module tree.

  4. The module settings for the simple menu will appear in the left sidebar for configuration.

If the menu is part of a global content group, you may need to edit the global content to apply changes across all pages that use it.

Core Hubspot Simple Menu Settings

Once the simple menu module is selected, you can configure several core options that control how your navigation behaves and looks.

Hubspot Menu Source Options

Depending on the template, you may see a setting that controls where the menu items come from:

  • Menu from navigation: pulls links from a prebuilt navigation menu in your website settings.
  • Custom menu: lets you define menu items directly inside the module.

If your simple menu is tied to a central navigation, you may be redirected to the website settings to edit the menu structure there.

Hubspot Simple Menu Direction

The direction setting controls how your links are laid out:

  • Horizontal: displays items side by side, common for headers.
  • Vertical: stacks items in a column, common for sidebars or footers.

Changing the direction may also affect how child menu items are displayed in dropdowns.

Alignment and Styling in Hubspot

Most simple menu modules include alignment and style controls such as:

  • Left, center, or right alignment of menu items
  • Spacing between items
  • Text style inherited from theme settings

Exact styling options can vary by theme, but all are managed directly within Hubspot’s editor or theme settings panel.

Editing Menu Items in a Hubspot Simple Menu

If your simple menu module allows direct editing of items, you can manage the structure inside the sidebar.

Adding New Menu Items

  1. In the simple menu settings, look for the menu items list.

  2. Click Add or the + icon to create a new item.

  3. Enter a Label for the link as it will appear in the navigation.

  4. Choose the link type (page, external URL, email address, or file) and select or paste your destination.

  5. Save or apply the change to update the menu.

You can repeat this process for each new menu item you want to display in your Hubspot navigation.

Editing Existing Menu Links

  1. Locate the item you want to change in the items list.

  2. Click the item name or edit icon.

  3. Update the label, link type, or destination URL as needed.

  4. Apply or save your changes so they appear on the page.

Use clear labels so visitors understand where each link will take them.

Reordering Items in the Hubspot Menu

To reorganize your simple menu:

  1. Hover over a menu item in the sidebar.

  2. Click and drag the item up or down to the desired position.

  3. Release the item to drop it into its new order.

Your Hubspot page preview will refresh to show the new navigation order automatically.

Creating Nested or Child Menu Items

The simple menu module can support multiple levels of navigation, depending on your template and CSS.

  1. Click and drag a menu item slightly to the right under another item to nest it.

  2. Release the item when you see an indent, indicating a child item.

  3. Repeat for additional nested links or second-level menus.

Nested items often appear as dropdowns in a horizontal Hubspot menu or as indented links in a vertical menu.

Removing Items from a Hubspot Simple Menu

  1. Find the menu item you want to delete.

  2. Click the delete or trash icon next to the item.

  3. Confirm the deletion if prompted.

Be careful when removing parent items with children; depending on the configuration, child items may also be removed or moved.

Managing Global Navigation with Hubspot Simple Menus

Many templates use global simple menus so you can maintain consistent navigation across your entire site.

When a simple menu module is part of global content:

  • Editing it will update navigation for every page using that global group.
  • Hubspot will usually display a notification that you are editing global content.
  • You should review changes carefully before publishing.

This approach keeps your header and footer menus synchronized without repetitive updates on each individual page.

Previewing and Publishing Hubspot Menu Changes

After editing your simple menu module, always confirm the result before making it live.

  1. Use the Preview option in the Hubspot editor to see how the menu renders on desktop, tablet, and mobile.

  2. Check that links work correctly and dropdowns behave as expected.

  3. Verify alignment and spacing against your design requirements.

  4. When everything looks correct, click Update or Publish to push changes live.

If something does not appear as intended, return to the simple menu settings, adjust configuration, and preview again.

Hubspot Resources and Professional Help

For detailed reference, you can review the official documentation for editing simple menu modules directly on Hubspot’s knowledge base. It outlines all supported options and explains how menus behave in the design manager.

If you need strategic help designing navigation, improving information architecture, or optimizing conversion paths beyond the basics of a simple menu module, you can work with a Hubspot-focused consultancy such as Consultevo to refine your overall site experience.

By mastering the simple menu module and related settings, you can keep your Hubspot navigation clean, consistent, and easy to manage as your website grows.

Need Help With Hubspot?

If you want expert help building, automating, or scaling your Hubspot , work with ConsultEvo, a team who has a decade of Hubspot experience.

Scale Hubspot

“`

Verified by MonsterInsights