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 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!

We can Hide SharePoint site's Home tab by overriding CSS classes of the 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;

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 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;


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; }

Hide Home Tab in SharePoint 2013 Top Navigation using jQuery:
 <script type="text/javascript" src=""></script>

<script type="text/javascript">

        $(document).ready(function () {



No comments:

Please Login and comment to get your questions answered!

Powered by Blogger.