Sometimes we can get requirement to hide the search box in all the pages or only in a particular page.
Using css we can do it easily.
First identify the search box having the id or class in the browser.
In our case having the search box having id
To hide the search box with in a page using the content editor.
Place the content editor in that particular page you want to hide the search box.
Edit the web part and click on the source editor button
Place the code
Now verify it we can’t able to see the we search box in that particular page.
In the same way upload particular css file in a library.
Add the content editor in that particular page, edit the content editor refer the css URL.
Now verify it we can’t able to see the web search box in that particular page.
In the same way if you want hide in the entire site collection level for all the pages.
Upload the particular css in a library.
Refer the css in the Site Settings->Look and Feel->Click on the Master Page.
In the Alternate css URL
Select the Specify a css file to be used by this site and all sites that inherit from it:
Browse and select the css URL.
Now verify we cannot able to see the search box in all the pages.