< All Topics
Print

Menu – Standard

Posted
Updated
Byjdisenso

Menus are mainly used in the header or footer of a page. 

This tutorial will cover the basics of the Page Designer Menu. If you want to set the content of a Menu, please see this video tutorial.

Example

Here is an example of a Menu:

Adding a Menu & Step-By-Step Instructions

  1. You can add a Menu by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR – 
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Click the + Symbol in the upper right hand corner.  
  3. Under the Modules tab (with Standard Modules selected), scroll down to view the Menu module.
  4. Select the Menu module and drag it onto the page where you want to add it. 
  5. Release the mouse to place the Menu. 
  6. Under the General tab, you can have several options. You can select the type of menu (created in the Admin area. If you want to see how to create or edit this area, please see this video tutorial.), Layout (Horizontal, Vertical, Accordion, or Expanded), Submenu Icon and Menu Name (if needed). You can also set some screen size responsive behaviors here.
  7. Under the Style tab, you can change Menu Alignment, Background Color (including mobile) and styles for Links, Separators and Drop-downs.
  8. Under the Advanced tab, you can set additional Spacing, Visibility, Animation and HTML elements.
  9. If you’re finished, click the blue Done button in the upper right hand corner of the website.
  10. Select Publish to make your changes public. 

Editing Menus

  1. You can edit a Menu by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –  
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Menu you want to edit. A blue or orange box should appear around the module.
  3. Click on the Wrench icon or anywhere inside the blue outline to make your changes.
  4. Click the blue Done button in the upper right hand corner of the website.
  5. Select Publish to make your changes public. 

Duplicating Menus

  1. You can duplicate a Menu by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –   
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Menu. A blue or orange box should appear around the module.
  3. Click the Duplicate icon at the top left of the module as shown below:

Deleting Menus

  1. You can delete a Menu by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –   
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Menu you want to edit. A blue or orange box should appear around the module.
  3. Click the X icon to delete.
  4. When the dialog box appears, click OK.

Contact Support

Reach out to us at (971) 332-5476 or [email protected] to learn more.

Table of Contents