Thursday, May 22, 2014

Hide Quick Launch Bar in SharePoint 2013

Want to remove the quick launch from SharePoint 2013 sites, perhaps to see the home page in full width? How to hide quick launch in SharePoint 2013?  Well, to enable or disable Quick Launch through the SharePoint 2013 user interface, Go to:

  • Site Settings >>  Under Look and Feel, click Tree view.
  • To disable quick launch, Simply uncheck the "Display Quick Launch"check box. To enable it, just do the reverse.
You can programmatically do the same with PowerShell as: $web.QuickLaunchEnabled = $false.

But wait! Although unchecking the "Display Quick Launch" check box hides quick launch bar in SharePoint 2013, it leaves that space empty! So, lets seek help from CSS to hide quick launch SharePoint 2013.

Hide quick launch in SharePoint 2013:
  • Navigate to your SharePoint site >> Click on Edit the page from settings menu 
  • Click on Insert >> Add a script editor web part to a page.
  • Click EDIT SNIPPET and paste the below code in it:
    hide quick launch sharepoint 2013 css
 <style>
/* hide quick launch SharePoint 2013 */
#sideNavBox
    {
     display: none;
    }

/* adjust position of content */
#contentBox
 {
   margin-left:10px!important;
 }
</style>
  • Click Insert and the quick launch will disappear now.
SharePoint 2013 has "Focus on Content” feature which highlights the Content area by hiding the quick Launch and Top link bar.

Hide quick launch, Top link bar on a page in SharePoint 2013
Here are the Ids of DIVs in SharePoint page layout:
remove quick launch bar sharepoint 2013
  • Quick Launch menu id : sideNavBox
  • Top Link Bar id: titleAreaBox
  • Content Area id: contentBox
So, to hide the desired section, use the IDs in your CSS appropriately.

Please note, these CSS codes hide quick launch in SharePoint 2013 on page level. If your requirement is to hide the quick launch in SharePoint 2013 for the entire site, you got to make the same change in your master page or in page layout (by default its: seattle.master). Open your master page in SharePoint desinger, Insert the above code just below <body> tag. Save and approve your master page.

Related post: Hide Quick Launch (Left Navigation) in SharePoint 2010/MOSS 2007



You might also like:
SharePoint Usage Reports
Usage reports, collaboration and audit for SharePoint.
Document SharePoint Farm
Automatically generate SharePoint documentation.
*Sponsored


Check out these SharePoint products:

No comments :

Post a Comment

Please Login and comment to get your questions answered!

You might also like:

Related Posts Plugin for WordPress, Blogger...