Hide The Top Navigation On A SharePoint 2013 And Office 365 Site Using CSS

This blog shows how to hide the Top Navigation on a SharePoint 2013 and Office 365 Site using CSS.

While working on SharePoint 2013 and Office 365 sites, most of our clients request there home page to not have a top navigation as in they want only the main content on their home page.

In those cases I don’t want you to take a lot of time and write a code to hide those files. Just do the following steps.

1. Edit the page you want to remove the Top navigation.
   
   
2. Add a Script Editor web part.
   
   
3. Paste the following code.
   
   Code:
   

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

4. Your top navigation will be gone.

Keep learning! Cheers !