SP2013 How to do vertical flyout menu in top navigation

Question

I have a problem to get the vertical flyouts to work in SP2013, I try to do it the SP2010 way to change the DynamicDisplayLevel but no luck.. Need help on this to achieve the same functionally as we had on SP2010.

Regards Martin

Answer 1

1. Make sure you've enabled Publishing Feature for both Site Collection and Site.
2. Under Look and Feel > Click Navigation
3. Make sure Show Subsites is checked and Structured Navigation is selected for Global Navigation.

4. In your custom master page find the code

   <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="" />

Change "StaticDisplayLevels" to "1" and "MaximumDynamicDisplayLevels" to the number of dynamic levels you'd want.

Hope this helps.