Hiding the left Navigation

Summary: In some cases, you may want to have a webpage that does not display the left navigation to discourage users from navigating through the site. Here is a script that you can add to the page to hide the left navigation.

Instructions:

  1. Edit the page
  2. Add a HTML Forms web part
  3. Edit the web part and add this to the source – Version A removes the page indentation from where the left nav was. Version B – leaves an indentation /space for where the left nav was
    1. <style>.ms-core-navigation { DISPLAY: none }#contentBox { margin-left: 0px }</style>
    2. <style>.ms-core-navigation { DISPLAY: none }#contentBox </style>
  4. Save the page