How to Hide Home Tab in SharePoint 2007-2010-2013 Top Navigation?

Ever wanted to Hide or Remove the Home Tab (or First Tab) from SharePoint Site’s Top navigation Menu bar?

sharepoint hide home tab

How to the Hide home tab in SharePoint 2010?

How to do that? Site Settings >>  Navigation Settings? No! You won’t get an option to remove Home tab (or First Tab) from Navigation there!

Solution:
We can Hide SharePoint site’s Home tab by overriding CSS classes of the Top Navigation:

CSS to Hide Home Tab in SharePoint 2010:

<style type="text/css">
.s4-tn li.static > a
{
   display: none !important; /* hide home button sharepoint 2010 */
}
.s4-tn li.static > ul a
{
   display: block !important;
}
</style>

Place these styles in your Style Sheet preferably(CSS), / Master Page / Content Editor web part based on your requirement! and the result goes here: home tab hidden in SharePoint 2010 site.

how to hide home tab in sharepoint 2010

SharePoint 2007 hide home tab: 
Just grabbed the ID of the Home tab with IE developer toolbar, and the CSS code to Hide Home tab in SharePoint 2007:

<style type="text/css"> 
#zz1_TopNavigationMenun0 {

display: none !important;

}
</style>

Remove home link in SharePoint 2013 Menu with CSS:

<style type="text/css">
/* sharepoint 2013 hide home link top navigation * / 
A[accesskey="1"] { display: none !important; }
</style>

Hide Home Tab in SharePoint 2013 Top Navigation using jQuery:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">
        $(document).ready(function () {
            $("a:contains('Home')").parent('li').hide();

        });
</script>

Salaudeen Rajack

Salaudeen Rajack is a SharePoint Architect with Two decades of SharePoint Experience. He loves sharing his knowledge and experiences with the SharePoint community, through his real-world articles!

Leave a Reply