Edit menu

Please head over to our Understanding the header article if you want to get a better understanding of how headers work in Act2, how many headers are there and the way they are structured.

Header navigation

Act2 Hightlight Header Navigation

You can make changes to your header menu by editing your header Global Group (e.g. Act21 Header, Act21 Sticky Header, Act21 Header Overlap, etc).

The header navigation is composed of several full-width modules placed inline:

1. Menu module

Act2 Highlight Menu Bar

Act2 Template Builder Menu Bar

Click the module to edit its properties and select a menu tree in the Inspector:

Act2 Template Builder Edit Menu Bar

To create Menu Trees that can be used in Menu modules go to:

Settings > Marketing > Web pages > Advanced Menus

HubSpot Settings

Act2 Advanced Menus

2. Call to action buttons

Act2 Highlight Header CTA buttons

Act2 Template Builder CTAs

3. Language selector

Act2 Highlight Header Language Switcher

Act2 Template Builder Language Switcher

This will apear only if your page is translated. Demo here.

4. Search and menu buttons

Act2 Hightlight Search and Touch Menu buttons

Act2 Template Builder Search and Touch Menu buttons

Hidding the hamburger menu button on desktop

If you don’t want to show the hamburger menu button on desktop, you can hide it very easily in Act2. You don’t need to delete the Menu Button module in your global header, because that will remove it from all screens, including mobile.

You only need to add these classes to that module: hidden md-visible

More about the visibility utility classes here.

Re-adding the hamburger menu module

If you removed the module by accident you can re-add an Act21 HTML or a HubSpot HTML module after your search module with this default HTML source code:

<span class="control-button menu" data-slide-menu="primary-slide-menu">
  <span class="open">
    <i class="fa fa-bars"></i>
  </span>
    <span class="close">
      <i class="fa fa-bars"></i>
    </span>
<span>

Slide menu

Act2 Highlight Menu Slide

The touch menu can be found in the Act21 Slide Menu global group and is composed of:

1. Title

Act2 Highlight Menu Slide Title

Act2 Template Builder Menu Slide Title

2. Call to action buttons

Act2 Highlight Menu Slide CTAs

Act2 Template Builder Menu Slide CTAs

3. Menu module

Act2 Highlight Menu Slide Menu

Act2 Template Builder Menu Slide Menu

Click the module to edit its properties and select a menu tree in the Inspector:

Act2 Template Builder Menu Slide Edit Menu Options

To create Menu Trees that can be used in Menu modules go to:

Settings > Marketing > Web pages > Advanced Menus

HubSpot Settings

Act2 Advanced Menus

Using Act2 with the old Design Manager? Read this documentation.