Remove the Quick Launch in SharePoint 2013

There are two ways to remove the Quick Launch in SharePoint 2013. The first is to open the site in Share Designer, and uncheck the option to "Display Quick Launch". While this works, it doesn't move the content to the left. You're left with an empty space that doesn't look great.



The second option is to alter the CSS using a Script Editor web part. Place a Script Editor webpart anywhere on the page, and add the following code. The first line removes the Quick Launch. The second line moves the code all the way to the left.

.ms-core-navigation { DISPLAY: none }
#contentBox { margin-left: 0px }
Comments (33)

  1. Lucas Struck says:

    The code presented above removes the Quick Launch but also removes the Global Navigation links from the top of the screen.  If you just want to remove the Quick Launch the following code should do the trick.

  2. Lucas Struck says:

    Replace    .ms-core-navigation      with       #sideNavBox

  3. Dirk Loehn says:

    Great advise, thanks! Even better with Lucas extension.

  4. Duane Grzyb says:

    With a last name like yours, you must be a good guy.  

    This worked like a charm.  Thank you.  

    Oooh, just noticed the Navigation Link issue, I will try lucas' fix.  

  5. Doesn't Work on Wiki Page with Layout says:

    This doesn't remove the left margin on wiki page unless you put !important at end of #contentBox :


  6. Nachiket Kamat says:

    If you are using this code on master page then it would hide other naxbox (Ex:People and groups LHS navbox also).. To resolve this we can use:

    .ms-core-sideNavBox-removeLeftMargin { display: none } /* hide only quick links */

    #contentBox { margin-left: 0px } /* make content take full page width */

  7. Sylvain Guennard says:

    Excellent ! Worked for me with the following script:

  8. Sylvain Guennard says:

    Here is the script:

  9. Sylvain Guennard says:

    Don't know why the script is not displayed…

    Anyway, just replace    .ms-core-navigation      with       #sideNavBox

    as Lucas suggested

  10. Rikki Steele says:

    Nice and thanks this was quick, easy and worked straight away!

  11. John Della Pietra says:

    Depending on your page template you might need to use …

    #DeltaPlaceHolderLeftNavBar{ DISPLAY: none;visibility:hidden; }

  12. Yuriko Sonambela says:

    This is work!!! Thanks in advance for your tips. Both Ron Grzywacz and Lucas Struck.

  13. Koen Berkhout says:

    Worked great! Thanks a lot.

  14. googleit says:

    Worked like a champ!  Thanks!

  15. Khim says:

    Works easily & beautifully

  16. Ross says:

    Thanks for the tip.  That took out a bit more than I wanted (part of my navigation is on top) so I used:

    Which worked perfectly

  17. Suman says:

    Easy and clear solution. Thanks!

  18. PeO says:

    I´m impressed by you guys, you saved my day.

  19. Chris says:

    When I add this to a publishing page, it removes the left nav bar, but creates a huge area of white space at the top of the page.  Any idea why?  

  20. Chris says:

    After a little more digging it seems like this is the best code for a publishing site.  Just place in a script editor webpart:

    Thanks everyone – 514 –

  21. Monica says:

    When I followed the second option my Quick Launch did remove, but I'm left with Site Contents and I don't want that there eithers, any suggestions as to how to remove this too?

  22. Jason Linville says:

    Thanks @Ron for getting this thread started, and thanks @Lucas for noting a problem/fix!

  23. Hikmer says:

    Sorry but whoever owns this site should update their blog…have to read many comments to get the correct answer.

  24. Nick says:

    Worked great!  Thank you!  If you want a little space from the left side…  change the 0px to whatever number 10px,20px… and see figure out what you prefer.

  25. Chris says:

    Is it possible to embed the code somewhere so it will be applied to all Site Pages within an overall SharePoint site? Or does the script need to be added to each individual page?

    1. Rachel says:

      I assume you can place this in the custom CSS

  26. Gabi6363 says:

    Why I can not delete or hide the link of “Content Site”? But others quick launch yes.

  27. Bill Cawley says:

    Excellent, thank you! And thanks to Lucas for the update, this is what I used and it works perfect:

    #sideNavBox { DISPLAY: none }
    #contentBox { margin-left: 0px }

    1. Julian says:

      There is one issue with this Script. It also removes the arrows on the bottom of the list if all items can or are shown.
      Is there a Solution for that issue??

      Best regards

  28. Angel says:

    Could someone tell me, where position to add this script on master page or current page??
    Please advice me, I’m newbie in sharepoint

  29. Dave says:

    Script works great, … but one small issue. In Chrome I now get an error in the Certificate Top area about the site being ‘Not Secure’ (I used HTTPS/SSL Wildcard cert on site). When I go into more details the error says:

    Active content with certificate errors
    You have recently allowed content loaded with certificate errors (such as scripts or iframes) to run on this site.

    Any ideas on how to get rid of this error? It doesn’t come up in IE – in IE it just reports the regular secure padlock icon


  30. Alexandra says:

    Ohhh, that’s worked!

    Thanks a lot!

Skip to main content