SharePoint Top Navigation, Quick Launch Flyout Menu

By default, SharePoint enables top navigation Fly out Menus when Publishing Feature is enabled. Other Site templates like Team Sites doesn’t come up with top navigation flyout menus. However we can enable top navigation flyout menus by adjusting few parameters in master page.

Open the Master page in SharePoint designer, set StaticDisplayLevels” to 1, MaximumDynamicDisplayLevelsto 3, accordingly either in design view or in code view. Save and publish the master page.
sharepoint 2010 navigation flyout menu

This is also applicable when we use custom site map providers for Top navigation! Here is an example of the SharePoint 2010 top navigation drop-down menu.

sharepoint 2010 top navigation drop down menu
Flyout Quick Launch Menu

Same trick works on SharePoint quick launch navigation as well to bring flyout menus. Adjust the “StaticDisplayLevels” and “MaximumDynamicDisplayLevels” values based on the navigation depth accordingly. (say: 1)

And the output goes like this:

Before:

sharepoint 2010 quick launch flyout menu

After the change, SharePoint 2010 quick launch flyout menu appears as:sharepoint flyout quick launch

Salaudeen Rajack

Salaudeen Rajack - Information Technology Expert with Two-decades of hands-on experience, specializing in SharePoint, PowerShell, Microsoft 365, and related products. He has held various positions including SharePoint Architect, Administrator, Developer and consultant, has helped many organizations to implement and optimize SharePoint solutions. Known for his deep technical expertise, He's passionate about sharing the knowledge and insights to help others, through the real-world articles!

3 thoughts on “SharePoint Top Navigation, Quick Launch Flyout Menu

  • There is no SP-Designer in SP2016. How do I do that now?!
    The Site-“Hashtag” here on sharepointdiary is for SP2010, 2013 AND 2016 – so how?

    Reply
  • Hi,

    This was really helpful and thank you! Could you provide a few screen shots of how you build the navigation menu. I cannot seem to get more than one top level menu to populate using the Site Settings >>Navigation options.

    Thanks,

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *