If you want to add a simple, text-based navigation element, you can take advantage of the Menu block available in the CONTENT tab of your campaign page editor.
After dragging a Menu block to the stage, you can start adding menu items by clicking on Add new item in the Content properties area.
After you're done adding the items needed for your menus, you can set properties for each.
You can reorder menu items by dragging the icon found to the left of the menu item title.
Scrolling down to the properties in the editor sidebar, you will see a few properties that are specific for your Menu.
Here is an example of a menu created using the Menu content block of your campaign editor.
Add a Mobile Friendly Menu
To improve the usability of a menu on mobile devices, you can enable a widget located in the Content properties to configure it as a mobile menu.
When turned on, a “hamburger” menu will be applied on mobile. This menu can be expanded with a tap to reveal menu items in a vertical layout. The size, shape, and colors of the menu icon are customizable.
Setting up internal navigation
In Page Builder, a menu item, or any regular link, can link to a section of the same page, by selecting internal link as link type.
To set a content block as an “anchor” for an internal link, block options now have a new widget called Block identifier. When turned on, an ID will be automatically generated, but it can be customized. This identifier must be unique across the page being edited.
These identifiers will be available in the “scroll to” dropdown when creating an internal link for a menu item or for a regular link.
If you want to add a simple, text-based navigation element, you can take advantage of the Menu block available in the CONTENT tab of your campaign page editor.
After dragging a Menu block to the stage, you can start adding menu items by clicking on Add new item in the Content properties area.
After you're done adding the items needed for your menus, you can set properties for each.
You can reorder menu items by dragging the icon found to the left of the menu item title.
Scrolling down to the properties in the editor sidebar, you will see a few properties that are specific for your Menu.
Here is an example of a menu created using the Menu content block of your campaign editor.
Add a Mobile Friendly Menu
To improve the usability of a menu on mobile devices, you can enable a widget located in the Content properties to configure it as a mobile menu.
When turned on, a “hamburger” menu will be applied on mobile. This menu can be expanded with a tap to reveal menu items in a vertical layout. The size, shape, and colors of the menu icon are customizable.
Setting up internal navigation
In Page Builder, a menu item, or any regular link, can link to a section of the same page, by selecting internal link as link type.
To set a content block as an “anchor” for an internal link, block options now have a new widget called Block identifier. When turned on, an ID will be automatically generated, but it can be customized. This identifier must be unique across the page being edited.
These identifiers will be available in the “scroll to” dropdown when creating an internal link for a menu item or for a regular link.