This is my first work with custom branding in 2013. I am attempting to hide the first node in the top navigation (not using Metadata navigation) using css, trying not to resort to jquery.

So my navigation might be Intranet | Departments | Services. I want to hide Intranet.

I am having trouble targeting the specific link for the first node.

<ul class="root ms-core-listMenu-root static">
   <li class="static">
     <a class="static menu-item ms-core-listMenu-item ms0displayInline ms-navedit-linkNode">'I want to remove this link'

I have tried to use various adjacent selectors and first:child but have had no luck with any of these. Most of the time I end up hiding the entire ul.

Has anyone successfully hidden this.

3 Answers 3


I was able to hide it using the following script

ul.ms-core-listMenu-root > li:first-child > a
    display: none !important; 
  • How you can apply it for all the Site and not only for the home page ? via master page ? Commented Jan 3, 2022 at 10:37

The child combinator selector will to do the trick:

ul.ms-core-listMenu-root > li > a { 
    display: none; 

You may need something more specific to override Microsoft's own core CSS. So if your navigation lives in a <div class="header">, then .header ul.ms-core-listMenu-root > li > a would do it.

Now, if anyone knows how to do this by configuring the navigation snippet in design manager (i.e. so it's never rendered to the page in the first place), I'd love to hear it.


Just put this element on a web scope feature and presto:

<?xml version="1.0" encoding="utf-8"?>
<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
    ControlAssembly="Microsoft.SharePoint.Publishing, Version=, Culture=neutral, PublicKeyToken=71e9bce111e9429c">
    <Property Name="ID">topSiteMap</Property>
    <Property Name="SiteMapProvider">GlobalNavigation</Property>
    <Property Name="EnableViewState">false</Property>
    <Property Name="StartFromCurrentNode">true</Property>
    <Property Name="ShowStartingNode">false</Property>
    <Property Name="TreatStartingNodeAsCurrent">true</Property>
    <Property Name="TrimNonCurrentTypes">Heading</Property>



Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.