Adding Multiple Columns to Mega Menu

Overview

The Mega Menu is a series of custom menus with links to parts of the site. It allows the webmasters to structure the site in any way they like while maintaining a simple series of menus at the top of every page. 

Mega Menus are predefined in most of the templates and can be customized to some extent. This article shares steps for making changes, specifically adding multiple columns of link list modules to the Mega Menu. In our example, we will add a two-column link list module.

Note: Only Senior District Webmasters with advanced webmaster rights can make these changes.

Process

Follow these steps:

1. Log into your School Loop account. 
2. Navigate to the Toolbox > Site Center. If you do not see this option under the Toolbox, it is likely that you do not have the necessary rights. Senior District Webmasters can access the Site Center for any site via the Admin Center.
3. On the Pages tab, select the homepage.
4. Click Edit.
   
   

   
   

5. Remove unnecessary columns if there are any.
6. Under the Edit Homepage Body, click the option to Edit Header and Footer.
7. Click the Mega Menu to show the expansive view.
8. Hover to the expanded menu, which shows a plus icon (). Click on the space to add modules.
   
   

   
   

9. Go to the Layout tab of the Insert Module menu.
10. Select the 50-50 option to add two columns. Choose from other layouts to add more columns.
    
    

    
    

11. Two menu columns are created, as seen below.
    
    

    
    

12. Hover over each column and click the plus icon () to add the link-list module.

Confirmation

1. Click the Preview button on the upper right side of the site edit page.
   
   
   
2. Click on the Mega Menu. The columns and links display as intended.
   
   

Back to top