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?
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.
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>