How to Remove the Menu from a Hubspot Landing Page

If you build conversion-focused pages in Hubspot, you often want a clean layout without the top navigation menu. Removing the menu from a single landing page or from a specific template is simple once you know where to find the right settings in the design tools.

This step-by-step guide walks you through the process of hiding the navigation using the drag-and-drop editor and, when needed, by editing your template in the design manager.

When You Should Hide the Hubspot Navigation Menu

On some Hubspot pages, the standard site menu can distract visitors from key calls to action. For highly targeted campaigns, keeping visitors focused on a single goal is critical.

You may want to remove the navigation menu when you are:

• Creating a focused lead generation landing page
• Running paid ad campaigns to a dedicated offer
• Designing an event or webinar registration page
• Building a thank-you or confirmation page with minimal links

By updating a specific template in Hubspot, you can hide the global navigation for just those landing pages while leaving the rest of your site unchanged.

Before You Edit: Understand Hubspot Templates and Menus

Most site-wide navigation in Hubspot is controlled through templates, not directly on each individual page. The menu you see at the top of many pages usually lives in a header module that is reused across multiple layouts.

That means:

• Changing a shared header in Hubspot can affect many pages at once.
• You may need a separate template for landing pages without a menu.
• Edits should usually be made in the design tools, not only on the page editor.

To avoid unexpected changes, duplicate your existing template before removing navigation elements. This gives you a safe, landing-page-specific layout with no menu.

Step-by-Step: Remove the Menu Using the Hubspot Design Tools

Follow these steps to hide the menu on your landing pages while keeping the rest of your Hubspot site intact.

Step 1: Open Your Landing Page in Hubspot

1. In your Hubspot account, go to Marketing > Landing Pages.
2. Locate the landing page where you want to remove the navigation menu.
3. Click the page name to open the page editor.

Take note of which template the page uses. The template name and link usually appear in the page editor sidebar so you can jump directly to the design tools.

Step 2: Access the Template in the Hubspot Design Manager

1. From the landing page editor, click the option to edit the template in the design manager (Design Tools).
2. This opens the underlying layout used by that Hubspot page.

If you are working with a drag-and-drop template, you will see modules and sections laid out visually. The menu is typically in a header area at the top.

Step 3: Duplicate the Template for Landing Pages

To keep your main site unaffected, create a template variant in Hubspot specifically for landing pages without navigation.

1. In the design manager, locate the current template in the left-hand file tree.
2. Right-click the template and choose the option to Clone or Duplicate.
3. Give the new template a clear name such as Landing – No Menu.

Cloning ensures you retain all existing structure and styling while gaining freedom to remove the menu.

Step 4: Remove or Hide the Menu Module in the Hubspot Template

Once you are editing the cloned template in Hubspot, identify the header or navigation module.

Depending on how your theme is built, you may see:

• A dedicated Menu module
• A Header or Global Header group that contains the menu
• A custom-coded header area with a navigation snippet

To remove the navigation from this template:

• Select the menu or header module that displays navigation.
• Use the delete or remove option to take it off the layout.
• Alternatively, if the module supports it, turn off visibility for this template.

After removal, the top of your Hubspot landing page will no longer display the site-wide navigation when this template is applied.

Step 5: Publish the Template in Hubspot

1. Click Publish or Publish changes in the design manager.
2. Confirm that your new no-menu template is active and available for use.

Publishing makes the updated template accessible in the landing page editor so you can apply it to existing or new Hubspot pages.

Step 6: Apply the No-Menu Template to Your Landing Page

1. Return to your landing page editor in Hubspot.
2. Find the Template or Layout section in the sidebar.
3. Choose the option to change or select a different template.
4. Select your cloned landing-page template with the menu removed.

Once applied, the page preview should show your landing page content without the navigation menu at the top.

Testing Your Hubspot Landing Page Without a Menu

Before publishing updates, confirm that the changes look correct and do not affect other parts of your Hubspot site.

• Use the preview function to see desktop, tablet, and mobile layouts.
• Verify that the menu is removed only from the desired landing page.
• Check that branding elements like logo, colors, and typography still match your main site.
• Click through the page to ensure forms, buttons, and CTAs work correctly.

If you see navigation removed from additional Hubspot pages you did not intend to change, double-check that they are not sharing the same no-menu template.

Common Pitfalls When Editing Hubspot Templates

Because templates can be shared across multiple assets, careful planning is essential when you remove navigation modules in Hubspot.

Avoid these mistakes:

• Editing a global header instead of a cloned landing template
• Deleting navigation from your primary website template
• Forgetting to publish the updated design so changes apply
• Assuming a change in one page editor will not affect other pages using the same template

Creating a dedicated no-menu template in Hubspot is the safest long-term approach.

More Help with Hubspot Landing Page Layouts

If you need a direct reference from the platform, you can review the official documentation on removing the menu from a landing page in Hubspot here: Hubspot’s knowledge base article on removing menus.

For broader strategy and implementation guidance around landing page optimization, design systems, and automation, you can also explore consulting resources such as Consultevo to enhance how you use Hubspot in your marketing stack.

Summary: Cleaner Conversion Pages in Hubspot

By cloning your existing template, removing the navigation module, and applying the new layout to specific landing pages, you can quickly build distraction-free experiences in Hubspot. This approach keeps your main website navigation intact while giving campaign pages a focused, conversion-first design.

Once you become comfortable editing templates, you can reuse this no-menu layout across multiple Hubspot campaigns and maintain consistent, streamlined landing pages without rebuilding each one from scratch.