Navigation


 





Add a Mega Menu

Who can use this feature?

System_Admin.png Slash.png Owner.png

 

 

Overview

This article will show you how to add a Mega Menu to your site.

Instructions

  1. Ensure that Live Edit Is On
    live_edit.png
  2. Hover over an existing Mega Menu at the top of the page and click Add Page
    add_page.png
    • Note: It will not matter where you add this page, because you will move it to your actual desired location later.
  3. Create your New Page
    firefox_2018-05-21_16-27-31.png
    • Menu Text: Displays in the navigational menus
      • Note: Make sure to title this page what you want your Mega Menu to be titled. 
      • Note: The Title box will auto-fill from your Menu Text box.
    • Title: Title of the page
    • Linked Page: Check the box for linked page
    • Link: Paste the URL for your page or start typing the name or ID if it is an internal page
    • Link Target: Choose if you want the page to open in the same window or a new window
    • Use Menu: The link will use the fly-outs from the page you link to if it has any sub-pages and is within your site
    • Description: Brief summary of page
    • Keywords: Input keywords to assist in search functionalization
    • Page Tags: Add tags, do not have to be separated by commas
    • Image: Choose an image to represent the page
    • Hidden: Hide the page to remove it from menus
    • Feature Column: N/A for linked pages
  4. Scroll to the bottom and click Create Page
    create_page.png
  5. Click Save and Publish at the top of the new page
    save_and_publish.png
  6. Navigate to Modules > Site Tools > Site Map
    site_map.png
  7. Locate your temporary page in the Site Map
    menu_text_again.png
  8. Use the Blue Mover Cursor to move your temporary page out of its Mega Menu and locate the temporary page above or below an existing Mega Menu
    page_into_menu.png
    • Note: This action will turn your page into a Mega Menu.
  9. View your Mega Menu in its place at the top of the page
    menu_text_in_the_big_leagues.png



I'd Like to Request an Enhancement

2 out of 2 found this helpful

Updated:
Follow

Article Feedback