SharePoint 2010 – Hiding the Search Bar

Have you ever needed to hide the search bar on your site? Me neither until the other day. The page needed to be plain Jane and this was one of the requests. Turns out, this is very simple to do. All that you need to do is add a Content Editor Web Part (CEWP) to your page and add the following lines of code to it:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<!—-HideSearchBar——>

<style>

#SRSB

{

DISPLAY:none

}

</style>

<!—-HideSearchIcon—–>

<style>

.s4-help

{

VISIBILITY:hidden

}

</style>

This code will hide both the search bar and the search icon. It’s that simple! Try it for yourself.