↓ Skip to main content
Hide Newsfeed, OneDrive and/or Sites from the Suite Bar – Ribbon Area for SharePoint 2013

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

·1 min
Tom Daly
Author
Tom Daly
Developer, Designer, Thinker, Problem Solver, Office Servers and Services MVP, & Collaboration Director @ SoHo Dragon.

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.

Related

Bootstrap Responsive Navigation in SharePoint

·6 mins
Updated 10-5-2016: Included link to javascript version of bootstrap navigation Updated the navigation code to detect in active -> Contribution by Olly in comments below….