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 their homepage without having a Top Navigation 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 Top Navigation.
2. Add a Script Editor web part.
3. Paste the following code.
   
   Code
   
   1. <style type="text/css">
   2. .ms-breadcrumb-top {
   3. display: none;
   4. }
   5. </style>
4. Your Top Navigation will be gone.