Set up a Site Menu

Add a Site Menu to Sections on your page to organize links throughout your site. The Header and Footer Sections of your page will sync Site Menus throughout your site. 


Add a site menu to your page


  1. Open the Sidebar  on the left side of your page.
  2. Head to the "Site Menu" tab and drag the site menu element onto your page.
  3. Click "Edit Menu Links" in the style tab of the Editing Menu to adjust the site menu.
  4. Select the links you'd like to add to your site menu in the left hand column. 
  5. Click "Add to menu" when you have all the links you'd like to include.
  6. When you have all the links you want to include click "Apply and Close
  7. Click “Save”  to save your changes.


Use the same site menu across your site

To use the same Site menu throughout your site add it to either the Header or Footer Section of your site. The Header and Footer Sections automatically sync across all pages on your site. 


Multiple site menus on one page

You can add an unlimited amount of Site Menus onto your page. Only Site Menus within the Header or Footer Section of your page will sync across all of your pages.


Managing links in your site menu

Change the display name for a link in the site menu

The display name is the what your site visitors will see when they visit your site.

  1. Select the Site Menu object and click "Edit Menu Links" in the Style Tab of the Editing Menu.
  2. Select the link in the menu layout and click "Edit"
  3. Here you can change the display name for the link,
  4. Click "Save" to finish your changes.
  5. Click "Apply and Close" to close the navigation menu setup.
  6. Click “Save” to save your changes.


Organize Links into a Dropdown Menu

  1. Select the Site Menu object and click "Edit Menu Links" in the Style Tab of the Editing Menu.
  2. Click the right arrow beside the link you'd like to included in  a dropdown menu. 
  3. The link will now appear below and in the center of the link above. The highest link will activate the dropdown menu.
  4. Repeat the process for each link you want to included in the dropdown menu.
  5. Click "Apply and Close" to close the site menu setup.
  6. Click “Save” to save your changes.

You can change the text and background color of the dropdown menu from the "Style" tab in the Editing Menu.


Add an external Link to your site menu

  1. With your Site Menu selected, click on the Style Tab in the Editing Menu and click Edit Menu Links.
  2. Under the "Add links to your menu" select "To another website" from the list of options. This will allow you to link to an external site. 
  3. Enter in the menu label for the link as well as the URL that you wanted to be linked to. 
  4. You can adjust if the web browser opens the link in a current tab or in a new tab.
  5. Click "Add to menu" to add it to your site menu. 
  6. Click "Apply and Close" to close the site menu setup.
  7. Click “Save” to save your changes.


Styling your site menu

Change the font and formatting

  1. With your Site Menu selected, click on the Style Tab in the Editing Menu
  2. Click on "Font" to open the Font formatting drawer.
  3. You can change the font, size, and weight of the text in the site menu. 
  4. Click "Save" to save all of your changes.

Changes made to the styling will apply to every page your site menu is on.


Change the style of your site menu

The site menu provides different styles menus as well as some spacing and color options.

  • With your Site Menu selected, click on the Style Tab in the Editing Menu and click Main Menu.
  • Select "Main menu" and choose either the Text color or Accent color

Types of menus:

  • Basic - hovering over site menu link will change the link to the accent color. The page you are currently on will remain in that accent color.
  • Text - hovering over site menu link will change the link to the accent color. The page you are currently on will remain in that accent color.
  • Text with Dividers - Same behavior as Text style with dividers added between the individual links. 
  • Tab - A underline is added beneath the link you hover over.  The page you are currently on will remain with the underline in the accent color.
  • Hollow - A Outline is added around the link. The page you are currently on will remain with the outline in the accent color.

Spacing:

  • Select the Spacing dropdown menu and select the spacing size that is right for you.

Text and accent colors:

  1. Choose either the Text color or Accent color
  2. Adjust the color to your liking,
  3. Click “Save” to save your changes.



User Icon

Thank you for your feedback!

Was this article helpful?
Thank you for your feedback!