'%3e%3cpath%20d='M8%200C12.4183%200%2016%203.58172%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58172%2016%200%2012.4183%200%208C0%203.58172%203.58172%200%208%200ZM11.6162%204.38379C11.2257%203.99337%2010.5927%203.99338%2010.2021%204.38379L8%206.58594L5.79785%204.38379C5.40732%203.99334%204.77429%203.99329%204.38379%204.38379C3.99331%204.77429%203.99335%205.40733%204.38379%205.79785L6.58594%208L4.38379%2010.2021C3.99348%2010.5927%203.99341%2011.2257%204.38379%2011.6162C4.77426%2012.0066%205.40734%2012.0065%205.79785%2011.6162L8%209.41406L10.2021%2011.6162C10.5927%2012.0066%2011.2257%2012.0067%2011.6162%2011.6162C12.0067%2011.2257%2012.0066%2010.5927%2011.6162%2010.2021L9.41406%208L11.6162%205.79785C12.0066%205.40735%2012.0066%204.77429%2011.6162%204.38379Z'%20fill='%23080E17'%20fill-opacity='0.46'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3761_713'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
How to Use Mega Menus in SharePoint Online Modern Navigation
Question details
The user wants to implement a custom mega menu layout in SharePoint Online modern vertical navigation.
- Product
- SharePoint Online
- Device & OS
- not provided
- Scenario
- Organizing and customizing the navigation menu structure on a SharePoint Online modern site.
- Observed behavior
- SharePoint modern vertical navigation supports cascading sublinks but lacks native support for replacing them with a custom mega menu layout.
Verify that you have Site Owner or Full Control permissions for your SharePoint Online site, as these are required to edit site navigation settings.
Organize Site Navigation Using Sublinks (Vertical Navigation)
Since custom mega menus are not supported in vertical modern navigation, using native sublinks is the recommended way to structure your site hierarchy.
SharePoint Online modern vertical navigation relies on cascading sublinks (the chevron submenu) rather than expansive mega menus. You can create up to three levels of hierarchy to effectively organize your site content.
Navigate to your SharePoint site and click 'Edit' at the bottom of the left-hand vertical navigation menu.
Hover over the location where you want to add a link, click the '+' icon, and enter the destination URL and display name.
To nest a link under another, click the ellipsis (...) next to the desired link and select 'Make sub link'. Use 'Promote sub link' to move it back up.
Click the 'Save' button at the bottom of the editing pane to apply the new sublink hierarchy.
Switch to Horizontal Navigation for Mega Menu Support
If your site type supports it (such as a Communication site or Hub site), you can switch to horizontal navigation to enable the native Mega menu feature.
Enhance Your Team's Productivity with WPS Office
While SharePoint excels at site management and team collaboration, having a robust and accessible office suite is equally important. WPS Office is a completely free, lightweight alternative to Microsoft Office that offers powerful tools for document creation, spreadsheet analysis, and presentations without the heavy subscription costs.
- 1. Download the Installer: Visit the official WPS Office website and click the free download button for your operating system.
- 2. Install WPS Office: Run the downloaded installer file and follow the straightforward on-screen instructions.
- 3. Open and Edit Files: Launch WPS Office to instantly open, edit, and save your existing Microsoft Office documents without formatting issues.
Frequently Asked Questions
Can I use a mega menu in a SharePoint team site's vertical navigation?
No, SharePoint Online does not currently support custom mega menus for vertical navigation layouts. You must use standard cascading sublinks to organize content vertically.
Which types of SharePoint sites natively support mega menus?
Mega menus are natively supported on SharePoint Communication sites and Hub sites, provided the navigation layout is set to horizontal.
How many levels of sublinks can I create in SharePoint vertical navigation?
SharePoint allows you to create up to three levels of navigation links (a main link, a sublink, and a sub-sublink) to structure your site's hierarchy.
