Hide Newsfeed, OneDrive and/or Sites from the Suite Bar – Ribbon Area for SharePoint 2013

It really is super simple and requires I line of CSS per item. If you want to hit them all or any future ones you could hide the whole element. I’m posting this b/c I was looking for a quick fix to do this and all the blogs make you change master pages or something else wacky. I didn’t have mine enabled and really was being lazy. So here it is.

Hide OneDrive

#suiteLinksBox .ms-core-suiteLink-a[id$='ShellDocuments'] {
    display: none;
}

Hide Newsfeeds 

#suiteLinksBox .ms-core-suiteLink-a[id$='ShellNewsfeed'] {
    display: none;
}

Hide Sites

#suiteLinksBox .ms-core-suiteLink-a[id$='ShellSites'] {
    display: none;
}

Get rid of them all in one shot

#suiteLinksBox .ms-core-suiteLink-a[id$='ShellDocuments'],
#suiteLinksBox .ms-core-suiteLink-a[id$='ShellNewsfeed'],
#suiteLinksBox .ms-core-suiteLink-a[id$='ShellSites'] {
    display: none;
}

Get rid of the anything that could possible go in there 

#suiteLinksBox {
    display: none;
}

There you have it folks – simple css to just pop those items right off the page.

8 Comments

  1. Thank you for your reply. You advise I can simply copy whichever line of code I need and simply paste it anywhere within the ‘seattle.master’ file code?

    • You can put these in a custom css file that you attach via Alternate Style Sheet (publishing enabled). You could add the css directly to the master page or to a custom css file that you have linked up in the master page already.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.