SharePoint 2013 Tip: How to implement multi-level flyouts in global navigation

The default depth for multi-level flyouts in global navigation is 2. In other words, you can configure a single dropdown list of menu options for each menu and on flyout for each of those menu options:

The depth of the flyouts that you can have is set by the MaximumDynamicDisplayLevels property of the SharePoint AspMenu control, which you'll find in the master page.  This property is set to "2" by default.  To be able to have a flyout on one of these flyouts, you need to increase this property from "2" to "3" and that enables you to create global navigation menus like so:

References

1. How to multilevel flyouts in SharePoint 2013?
2. Custom Sitemap provider in SharePoint does not show n-level
3. 3rd Level SharePoint SharePoint Navigation and Fly Outs
4. SharePoint 2013: How to create a global managed navigation structure using the Managed Metadata service application
5. How to implement flyout menus in the SharePoint 2010 global navigation
6. Managed navigation in SharePoint 2013
7. Managed metadata and navigation in SharePoint 2013

Notes

• The tag will look something like this:

  <SharePoint:AspMenu ID="TopNavigationMenu" Runat="server" EnableViewState="false" DataSourceID="topSiteMap" AccessKey="<%$Resources:wss,navigation_accesskey%>" UseSimpleRendering="true" UseSeparateCss="false" Orientation="Horizontal" StaticDisplayLevels="2" AdjustForShowStartingNode="true" MaximumDynamicDisplayLevels="2" SkipLinkText="" />

• The above TIP presumes the use of Managed navigation and the activation of the SharePoint Server Publishing Infrastructure and SharePoint Server Publishing features.  See reference for details.