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.

    1. <style type="text/css">  
    2.    #s4-titlerow  
    3.    {  
    4.       display:none;  
    5.    }  
    6. </style>  
  4. Your top navigation will be gone.

Keep learning! Cheers !