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.
- Edit the page you want to remove the Top navigation.
- Add a Script Editor web part.
- Paste the following code.
Code:
- <style type="text/css">
- #s4-titlerow
- {
- display:none;
- }
- </style>
- Your top navigation will be gone.
Keep learning! Cheers !

s sPosted May 25, 2021, 11:03 AM
For the modern site pages?
Ravi KiranPosted Aug 13, 2019, 3:56 PM
How to reduce space between Navigation Bar and text on the page. When I removed the navigation bar, it shows around 4 inches of space blank and do not know how to bring the images closer to the top bar. Thanks
Vinodh NarayananPosted Oct 5, 2015, 1:56 PM
NICE ONE
Nilesh JadavPosted Oct 2, 2015, 4:59 AM
Really nice :)