Steps to hide quick launch bar in SharePoint online SharePoint 2016/2013

hide quick launch sharepoint 2013

Hey folks we will discuss here how we can hide the quick launch bar (appears in left side) in SharePoint online. The same code can be used to hide quick launch in SharePoint 2016/2013.

Here we will hide using css by using a script editor web part. But if you want to hide it for all the pages, you can put the css code in the master page or you can put in a difference css file and refer inside the master page in SharePoint online or in SharePoint 2016/2013.

Also read:  Debugging PowerShell with Visual Studio Code

By default you can see the quick launch bar appear like below in SharePoint.

hide quick launch sharepoint 2013
hide quick launch sharepoint 2013

Here I have a list known as “MyTestList”, and I want to hide the quick launch in that page only. So open the page where you want to hide quick launch. Then click on the Settings icon and then click on Edit page.

hide quick launch sharepoint 2013 css
hide quick launch sharepoint 2013 css

Then in the page Edit mode, click on “Add a web part” and then choose “Script Editor” web part from “Media and Content” Category like below:



hide quick launch sharepoint 2013 online
Hide quick launch sharepoint 2013 online

Then click on the “EDIT SNIPPET” button and paste the below code like below:

hide quick launch sharepoint 2013 page
Hide quick launch sharepoint 2013 page

<style type=”text/css”>
#sideNavBox
{
display: none!important;
}
</style>

Then once you Save the page you can see the left navigation is hidden from the page like below:

hide quick launch sharepoint online
Hide left quick launch sharepoint 2013

Hope this article will be helpful to hide quick launch in SharePoint 2013.


About Bhawana Rathore

Hello Everyone!! I am Bhawana having about 8+ years of SharePoint experience as well as in .Net technologies . I have worked in all the versions of SharePoint from wss to Office 365. I have good exposure in Customization and Migration using Nintex, Metalogix tools . Now exploring more in SharePoint 2016 :) Hope here I can contribute and share my knowledge to the fullest. As I believe "There is no wealth like knowledge, and no poverty like ignorance"

View all posts by Bhawana Rathore →

One Comment on “Steps to hide quick launch bar in SharePoint online SharePoint 2016/2013”

Leave a Reply

Your email address will not be published. Required fields are marked *