Manages the top navigation of your website as well as the menus that appear when they are hovered over. Often the mega menu widget is located in the outer template of the website theme and must be managed there.
How do I add this widget to a page?
- Click Edit Page
- Click either + Content or the Settings icon (down facing arrow) which will be located to the right of Edit where you will need to select either Insert before or Insert after
- Select the Mega Menu widget.
- Click on the green + Slide button in the upper-right-hand corner and enter the text that you would like to be displayed in the mega menu. Additional fields that need to be filled out include;
- Link- If you like the menu item to link to something, enter the URL into this field.
- Dropdown - Select the type of drop down you are wanting from the selection below.
- None - No drop down option.
- Basic - Single column drop down
- Mega - Best used for multiple column drop down
- Drop Down Floating - Should the drop-down menu be aligned left or right by default it is aligned left.
- Repeat the previous step until you have completed building your mega menu.
- When you are finished, click on the green Create button and your Mega Menu widget will show up on the page.
- To enter items into the drop downs menus, roll over the menu item you would like to edit. Click on the green + sign in the proper container and then select the HTML WYSIWYG widget to create the drop-down menus.
- Make sure to click either the Publish or the Save Draft option just as you would when you're editing pages.
Recommendation - Even though it is possible, we do not recommend stacking multiple Mega Menu widgets inside each other. This will help cut down on confusion that visitors to your site might have and possibly keep errors from occurring. Also if you have drop down menus that are the same across multiple departments (schools) you can create and place Shared Content into the proper drop down menu containers so if they ever need to be updated all you have to do is edit it one location.
- How do I hide/show an item in the mega menu?
Hiding an item from being displayed by a Mega Menu widget can be done quickly. Edit the widget and click on the switch to the right of the Item that you would like to hide, switching it to gray (hidden) and finally Update. To show an Item that has been hidden, click on the switch to the right of the Item that you would like to show switching it to green (visible) and finally Update.
- How do I change the order of the items in the mega menu?
To change the order of how the Items are being displayed by the Mega Menu widget. Edit the widget and click on the vertical directional arrow icon to the right of the item you would like to move, choose either Move Up or Move Down and finally, Update when you are done.
- How do I remove an item from the mega menu?
To remove an item from being displayed by the Mega Menu widget. Edit the widget and click on the trash icon to the right of the Item you would like to remove followed by Update.
- How do I collapse or expand the separate mega menu windows?
To collapse or expand the separate windows while creating or editing the widget, click on the down facing caret to the right of the item. Examples of both an expanded and collapsed window is above.
- How do I do multiple columns using the Mega option?
It is simple to create multiple columns in the mega option. After creating the Mega Menu widget, select the "edit content" for the option you want to add multiple columns too. Then select the Row widget from the widget column. Remember when selecting the structure of the Row widget, how small the area is for fitting text and how busy the menu will be.
- Why does my drop down not show after I added it?
If you are finding that the drop-down menu that you just added is not showing edit the Mega Menu widget and click on Container. Look for the field titled Custom Class Name and see if there is anything there if there isn't enter dd-menu into the field. Finally, update the widget and then Save --> Publish options just as you would when you're editing pages.