How to remove Sharepoint 2013 Quick Launch and/or Top Link Bar

By | January 28, 2014

You might be wondering how to remove the Quick Launch and/or Top Link Bar from Sharepoint 2013, well it can be done in two ways.

First is by adding a script editor content on you page and another is by modifying your master pages.  Lets start!

First thing you need to do is to identify which <div>tags you want to disable. So if you open your Sharepoint site from your favourite browser identify the <div> id’s of the following elements you want to hide but to make it easy here are the 3 main areas developers usually disable or hide.

  • Quick Launch menu – it has an id called sideNavBox
  • Top Link Bar – it has an id called titleAreaBox
  • Content Area – it has an id called the contentBox

3. Key Elements

You can also use the shared class by both navigational elements to disable both navigation links in one css style and it is called ms-core-navigation

4. Key Elements 2

Now that you had identified it all you need to do is embed a Script editor, this is the first method.

1. Script Editor

Hide the following elements you are after, you will also need to re-align your content so it will look aesthetically nice. Here is an example code you might need to use.

#sideNavBox { displaynone }
#contentBox { margin-left15px }

2. Codes to remove menu

But wait! this scenario is only for page by page basis, if you want to totally remove the navigation on your Site then you have to do it in codes which is the second method.  You can do it by editing your master page.  By default if you haven’t done anything to your Sharepoint instance the default master page will be the seattle.master.  Add you codes there and it will disable the element you are after for the whole Team Site.

5. In Code


8 thoughts on “How to remove Sharepoint 2013 Quick Launch and/or Top Link Bar

  1. Nick

    I embedded the style to hide the particular ID on one page and it shows in the page edit view, but as soon as you save the edits, or publish, the style is ignored…

  2. SissyDrake

    Thank you. This was very helpful. But now, is there a way to get my other Web Parts to move up and fill in the space previously used by the Top Link Menu bar?

    1. Jimmie

      That is the magic question, once we remove the top link bar how do we move the content box up to fill in the empty space??


Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.