How to create and style a "drop-down page" / Sub-Menu and Mega-Menu

Once you've created your Main Menu. To create a "drop-down" page, menu or list (also known as a "sub-menu") from your Website Header's navigation menu is simple to do in ShinePages. 

First - you will need to actually have the Page created that you want to link to.  

If you don't have the Page created yet - please see this Article on How To Add a New Page

****

Note that Drop-Down Menus / Sub-Menus / Mega- Menus are a part of the Menu widget - over and above linking your pages to your menu - you can also link to Funnel Steps, Store Items, External Links, Pop-ups, Anchor Points, Email addresses and Phone numbers. 

- Please see this article on How to Add (or Edit) a Menu In Your Header

- Please see this article which is an Overview of the Menu Widget

- Please see this article on Linking 101 - How to Use the Select a Link Window

1) To create a "Drop-Down" menu or sub-menu under another Menu Item: 

- Hover over your Menu - then click "Edit Menu".

-Click to "Add Menu Items" and from the Select a Link window - choose the Page (or Funnel step or store item or external link, etc.) that you'd like to add as a "sub-menu item"

-Then simply drag the Menu Item(s) underneath another Menu Item and pull it over to "bump" it to the right. See image and quick video below.

This will create a "drop-down list" of Menu Items - which you will be able to "style" using the Menu Styling options. 

- SEE FULL TUTORIAL BELOW:

SHORT VIDEO TUTORIAL:

FULL VIDEO TUTORIAL: 

2) To create a MEGA-MENU under another Menu Item:

- Open the menu editor as above - Hover over the menu item you would like to add the mega-menu to and click on the + icon "add mega-menu".

- Once you've added the mega-menu: highlight over and click on the pencil icon "Edit".

This will open the Mega-Menu Block. You would edit the block the same as in the page builder. Add your menu items - link them to your pages and style here.

When someone clicks on the main menu item in your menu bar - the mega-menu will open like this:

HOW TO REMOVE THE LINK TO THE MAIN MENU ITEM:

If you want the "top main menu item" link NOT to actually be a link but instead just like a title (with the other drop-down menu items being the only true links) - you would choose "External Link" for that top menu item but just put a "#" in the URL field.