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.

About the Author

Developer, Designer, Thinker, Problem Solver, Office Servers and Services MVP, & Collaboration Director @ SoHo Dragon.

View Articles