Hide The Search Box On A SharePoint 2013 And Office 365 Site Using CSS

How to hide the Search Box on a SharePoint 2013 and Office 365 Site Using CSS.

While working on SharePoint 2013 and Office 365 sites, most of our clients request their homepage without having a search box option..

In those cases, you can avoid taking a lot of time in writing code to hide those files. Just follow the following steps.

1. Edit the page on which you want to remove the Search Box.
   
2. Add a Script Editor web part.
   
3. Paste the following code.
   
   Code
   

   <style type="text/css">
       #DeltaPlaceHolderSearchArea {
           display: none;
       }
   </style>

4. Your search box will be gone.

That's it.

Keep reading & keep learning!