Sometimes we have the requirement that the quick launch menu should show the menu items as fly outs, instead of a static display. The normal display mode looks like this:

And the requirement is, to have it displayed like this:

When the site collection and the site do not have the publishing features activated, the steps to configure this are shown in the following step-by-step example.

First of all, we need to be able to use SharePoint Designer 2013 to do modifications to the masterpage file. A site collection adiminstrator has to configure these settings via Site Settings > SharePoint Designer Settings (in the Site Collection Administration section).

In these settings check the options “Enable Detaching Pages from the Site Definition” and “Enable Customizing Master Pages and Page Layouts”.

Next open the site in SharePoint Designer.

Click “Edit site home page” in the Customization section and then in the ribbon click “Advanced Mode”.

Select the Style tab and on the left in the “Master Page” area click “Open”.

In the file find the string marked in the picture:

In this line scroll a little to the right and find the attributes “StaticDisplayLevels” and “MaximumDynamicDisplayLevels”. Set both attributes to a value of one.

Because you can only configure 2 levels for the quicklaunch in the SharePoint UI, having more than 1 dynamic level available does not make sense.

Save the file, when you finished the modification.

When you save the file for the first time, you will get a warning that your file will become unghosted, when you continue. We have to continue, so click <Yes>.

That’s all. Go back to your browser and open the site. You should see the quick launch with fly out menues.