Skip to content

The Right Way to Enable the QuickLaunch Fly Out Menu in SharePoint 2013

2013 December 3

I don’t know about you, but I hate having a lot of items immediately visible on the quick launch:

expanded flyout

Today, I will be showing you how to enable the Fly Out Menu for the Quick Launch in SharePoint 2013 so your Quick Launch looks similar to this:

collapsed flyout

(Please note you must be logged in as a System Account)

  1. Enable the following on the Top Level Site:

    a. From the Site Collection Features: SharePoint Server Publishing Infrastructure

    b. From Site Features: SharePoint Server Publishing

  2. Open the top level site SharePoint Designer 2013

  3. Navigate to “Master Pages” on the quick launch:

    Navigate to Master Pages

  4. Right click on seattle.html and select Copy:

    copy seattle

  5. Paste this into the master pages

  6. Rename this file to whatever you wish, I’ve chosen “Portland” here:

    rename the copy

  7. After renaming to “Portland,” the file automatically makes a .master file

  8. Click the Portland.html file

  9. Select Edit File:

    edit the master file

  10. Now you need to find the area that defines the quick launch menu, the name of this area is V4QuickLaunchMenu (what I do is CTRL + F and just type in V4, it’s the first thing that shows up; line 297)

  11. On lines 320 and 322 (StaticDisplayLevels and MaximumDynamicDisplayLevels) make it so that the =”3” and =”0” is 1 instead of 3 and 0. Here is what I mean:

    change these lines

  12. Now right click on the “Portland” Tab, select Close and save the changes

    close and save

  13. Now, navigate to your site.

  14. Select the Cog drop down from the top right and select Site Settings

  15. Select Master Pages and Page Layouts from the Web Designer Galleries section

  16. Find your “Portland.html” page

  17. Open the drop down menu for the Portland.html document and select Publish a Major Version and select OK

    publish a major version

  18. Now, navigate to Master Page in the Look and Feel section of Site Settings

  19. Select the drop down for both Site Master Page and System Master Page and make it so the selection is your “Portland” Master

    a. In order for all of your subsites to inherit this master page, you must select the check box underneath each drop down.

  20. Your Site Master Page Settings will look like this:

    Scroll this image to see all of the settings

    Scroll this image to see all of the settings

  21. Select OK

  22. Congratulations, you have enabled the Fly Out Menu on the Quicklaunch for all of your sites.

Please Note: after you create a sub-site, SharePoint will not automatically enable the Fly Out Menu on the quick launch, you will need to complete steps 19-21 from the top level site each time you create a new site (Trust me, this is faster than using SharePoint designer to add the .Master file in every time you create a new site).

the_author

Jesse Phillips-Mead loves long walks on the beach and Microsoft Visio 2013. Follow his insights into Visio at @VisioValkyrie.