Hiding the left hand navigation bar in SharePoint 2013 proved a little tricker than I expected.
My initial attempt to hide the navigation using CSS was to hide #sideNavBox.
However, I found this had the side effect of hiding the search refiners on /_layouts/15/osssearchresults.aspx. I settled on hiding .ms-core-sideNavBox-removeLeftMargin as this doesn’t appear to have any side effects.
The top link bar is the set of links that provides navigation to sites within your site hierarchy. By default. only the first level of sub-sites is displayed. This is represented in the screenshot below by sites Test2, Test4 and Test5.
I had a requirement to add a fly-out menu to display sub-sites. This is easily achieved using SharePoint Designer to edit the master page for your site. The top link menu is rendered by an AspMenu control within the master page and this can be configured to display multiple levels.
To edit the master page, open SharePoint Designer, navigate to your master page, right-click and choose Edit File In Advanced Mode. Choose to check out the file when prompted.
Find the AspMenu control with the ID
Right-click on your master page and choose Check In. When prompted, choose to publish a major version. If necessary, approve the updated master page.
You can turn on and off the display of sub-sites from Site Settings for each site. In the example below, in order to display the fly out for Test3 I opened site Test2, then went to Site Actions -> Site Settings, then Navigation under Look and Feel. Tick the box to Show subsites and click ok.