SharePoint 2013 - Hide Root Node Link in Global Navigation using CSS

-
The other solutions I've found regarding this involve javascript/jquery.  Was unable to find any CSS that resolves the issue nicely.

This seems to have resolved the issue for me so far without compromising any other areas of the site.  It hides the initial link and then goes back to displaying the rest of the navigation as per normal:

<style type="text/css">
.ms-core-listMenu-horizontalBox li.static > a{
display: none !important;
}
.ms-core-listMenu-horizontalBox li.static > ul a{
display: block !important;
}
</style>

Comments

  1. Unknown27 February 2014 at 00:50

    Could you please tell me where to put this css code. I use "seattle" theme...

    ReplyDelete
    Replies
    1. Unknown27 February 2014 at 02:24

      Thank you for your answer.
      I created the CSS file with the following code:

      style type="text/css"

      .ms-core-listMenu-horizontalBox li.static > a
      {
      display: none !important;
      }
      .ms-core-listMenu-horizontalBox li.static > ul a
      {
      display: block !important;
      }
      /style

      Could you tell me where should I put the reference to this file?

      I am using seattle theme.

      Should I put the reference in head or the body part?

      Delete
    2. The Baretta27 February 2014 at 11:27

      Hi Srdjan,
      Best practise is to put the reference to the .css file in the Head of the master file, so that the page doesn't render without the styles already having been applied.

      You can reference like this:

      < SharePoint:CssRegistration Name="<% $SPUrl:~sitecollection/Style Library/SG2013/css/bootstrap3.min.css %>" runat="server" />

      Cheers,
      Brett

      Delete
    3. Unknown27 February 2014 at 22:04

      Brett,

      I did everything you stated, it does not remove the home link...

      Srdjan

      Delete
    4. The Baretta28 February 2014 at 10:12

      Hi Srdjan,
      I just created a blank Web Application. then created a copy of the Seattle.Master file as you can't modify the original. I then pasted the CSS code directly onto the master page and checked in a major version and it worked perfectly.

      Oh, I also had to change the master page that the site was pointing to in Site Settings > Master Page > Seattlecopy.master.

      I presume it's just the connection to the CSS file that is the problem.

      Remember also that when you are creating a file for your CSS you don't need to use the open and close < style > blocks.

      Maybe try copying the CSS directly to the master file and seeing if that works for you first.

      Cheers,
      Brett

      Delete
    5. Unknown16 April 2014 at 06:44

      Hi Srdjan-
      I added a link on the _layouts/changesitemasterpage.aspx to a css file with this in it under the section where it asks for an alternate CSS URL. It does not remove my root node. Is there something I am missing?

      Thanks,
      Jesse

      Delete
    6. The Baretta16 April 2014 at 08:46

      Hi Jesse,
      I've never used the Alternate CSS URL option on that page, I usually insert the link into the Master page directly via SharePoint Designer. This way you can force SharePoint to look at your CSS file AFTER it looks at the CORE.css file.

      However, what you did should still work. Is the code above the only code you have inside your CSS file?

      Also, just to make sure: inside the CSS file, you don't need to reference the following lines:
      style type="text/css"
      /style

      Cheers,
      Brett

      Delete
  2. JoePC30 March 2017 at 08:58

    How can you change this in the Master page rather than through CSS?

    ReplyDelete

Post a Comment

Popular posts from this blog

How to Copy/Duplicate a Table and Columns in a Dataverse Environment

-
Image
What If you need to do either of these things, then this article is for you: Create a copy of a table in the same environment as the original table Create a copy of a table but want a different prefix against custom column names Why In most circumstances, if you need to duplicate a dataverse table, I would suggest to bundle it inside a solution, and migrate the solution to another environment.   However, in the scenario where you need the duplicate table to be inside the same environment, here's a quick method that requires no manual creation of columns! How Short answer : Install  XRMToolBox , inside XRMToolBox, install and utilise the Clone Field Definitions Plugin  from the Tool Library. Pre-Tasks In order to clone a table with a new PREFIX value for the columns you first need to do the following: Create a new PUBLISHER with the new prefix you would like Create a new TABLE where you will be cloning all the fields. Tasks Download & Install  XRMToolBox On t...
Read more

Export Group Membership From Active Directory Using Power Query

-
Image
If you need to export a list of staff from an Active Directory Group, follow these steps.  Allows you to gather all the names & usernames of staff in a particular group and save the information into Excel. Step By Step How To: Open up Excel > Power Query Tab Click From Other Sources > From Active Directory: (In Excel 2016 this is found under: Data Tab > New Query > From Other Sources > From Active Directory) screenshots from Excel 2016 on left, Excel 2010 w/ Power Query Add-on right A popup will ask you to enter your domain name.  It should already be populated with the correct information but if not, input your companies domain name & Click OK: In the Navigator that opens up, expand your domain tree and double click group: You should now see a list of all groups in Active Directory in the Power Query Editor: In order to find & filter for a specific Group, Click the Down-Arrow for the 'distinguishedName' column > ...
Read more

Microsoft Flow - Apply To Each Limitation (5000 items)

-
Image
What Had a situation where I was pulling back 70,000 items in an array from a REST API call.  I wanted to create a SharePoint item for each of the items in an array, however the 'Apply To Each' action kept giving me the following error: ActionFailed . An action failed. No dependent actions succeeded. Why This was due to a Microsoft Flow limitation. When you are using the Free Version of MS Flow you are limited to 5,000 items in a loop .  Explained here:  https://docs.microsoft.com/en-us/flow/limits-and-config Workaround I tried my best to come up with a workaround, tried splitting up the array into batches of 5,000.  All to no avail.  in the end, gave up, and saved the array of items to a CSV and saved the CSV in a SharePoint Library instead. body('Parse_JSON')?['applist']?['apps'] The only other alternative I could come up with is to grab the 'first 4999 items' from the array, which does work with an expression like this: ...
Read more