11:12 PM
Bijay Kumar
We can hide quick launch bar in SharePoint 2013 by using css property.
We can remove that by using css and also we can remove that by modifying the master page. If you will modify through css code, then this is going to be page specific, mean which page you want to hide, you need to write the css code in that page.
You can also see: Different ways to add video into blog post in SharePoint 2013
1st Approach:
Put the below css code in the page using a script editor web part to hide the quick launch bar. Edit the page and then add a web part and then selece script editor web part from the web part gallery.
<style>
#sideNavBox { display: none }
</style>
Here sideNavBox is the <div> id of the Qucik launch bar.
Once you put the above code, it will hide the bar. But the content will be in the same place. If you want to move the content box a bit left then you can give some margin-left to the content box like below:
<style>
#sideNavBox { display: none }
#contentBox { margin-left: 25px }
</style>
Here contentBox is the <div> id of the Content box.
In which page you want, you can put the above code in Script editor web part.
2nd Approach:
Rather than putting the code in every page, you can put the code in the master page itself. If you put in the master page, then whatever page inherit the master page, will reflect those changes. By default Team site uses seattle.master page. Ok here one point, before doing any changes to the master page, please take a backup of the page and then modify on the page.
You can edit the master page using Sharepoint 2013 designer and then put the below code inside the <body> tag.
<style>
#sideNavBox { display: none }
#contentBox { margin-left: 25px }
</style>
We can remove that by using css and also we can remove that by modifying the master page. If you will modify through css code, then this is going to be page specific, mean which page you want to hide, you need to write the css code in that page.
You can also see: Different ways to add video into blog post in SharePoint 2013
1st Approach:
Put the below css code in the page using a script editor web part to hide the quick launch bar. Edit the page and then add a web part and then selece script editor web part from the web part gallery.
<style>
#sideNavBox { display: none }
</style>
Here sideNavBox is the <div> id of the Qucik launch bar.
Once you put the above code, it will hide the bar. But the content will be in the same place. If you want to move the content box a bit left then you can give some margin-left to the content box like below:
<style>
#sideNavBox { display: none }
#contentBox { margin-left: 25px }
</style>
Here contentBox is the <div> id of the Content box.
In which page you want, you can put the above code in Script editor web part.
2nd Approach:
Rather than putting the code in every page, you can put the code in the master page itself. If you put in the master page, then whatever page inherit the master page, will reflect those changes. By default Team site uses seattle.master page. Ok here one point, before doing any changes to the master page, please take a backup of the page and then modify on the page.
You can edit the master page using Sharepoint 2013 designer and then put the below code inside the <body> tag.
<style>
#sideNavBox { display: none }
#contentBox { margin-left: 25px }
</style>
Posted in
