Home > SharePoint 2010, SharePoint Advancements > Hide Left Side Navigation, Search Bar, and Search Icon using Content Editor WebPart In SharePoint 2010

Hide Left Side Navigation, Search Bar, and Search Icon using Content Editor WebPart In SharePoint 2010

If you ever wanted to format your SharePoint 2010 Site to feel more like a public facing site (landing page), and you want to hide the left side navigation, search bar, and search icon from your site then below is a very simply way to accomplish this by just using a Content Editor Webpart on your site rather than modifying the masterpage.

 

1.  Add a Content Editor WebPart to your SharePoint 2010 Site in any zone.
2.  Edit the HTML Source of Content Editor WebPart
3.  Type the following

<!—-Hide Left Navigation—–>

<style>
BODY #s-4-leftpanel
{
DISPLYAY:  none
}
.s4-ca
{
MARGIN-LEFT: 0px
}
</style>

<!—-Hide Search Bar——>

<style>
#SRSB
{
DISPLAY: none
}
</style>

<!—-Hide Search Icon—–>

<style>
.s4-help
{
VISIBILITY: hidden
}
</style>

 

4.  Apply changes to Content Editor Webpart
5.  Hide Content Editor Webpart from site
6.  Stop editing page.

Advertisements
  1. October 30, 2013 at 2:29 pm

    HI, I tried this but it pushes the content on the page down about 5″. I tried it on a Team Site. Any suggestions?

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: