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.

Comments
  • Andrew
    Posted at 2:17 pm November 23, 2017
    Andrew
    Reply
    Author

    This a great solution. I didn’t want to get into SPD. Works great. Thanks very much

  • Andrew
    Posted at 2:09 pm November 23, 2017
    Andrew
    Reply
    Author

    Love it. I did not want to get into SPD. This solution worked great. Thanks.

  • Larry
    Posted at 10:33 pm January 25, 2017
    Larry
    Reply
    Author

    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?

    • chris
      Posted at 7:59 am February 3, 2017
      chris
      Reply
      Author

      If you use tags you could, but linking to a custom css file would be much better.

      • Tom Daly
        Posted at 4:11 pm February 3, 2017
        Tom Daly
        Reply
        Author

        agree. its best to link to a custom file.

  • Larry
    Posted at 8:31 pm January 12, 2017
    Larry
    Reply
    Author

    Great! Can you be just a little more specific? Where do I place these line of code?

    • Tom Daly
      Posted at 4:08 am January 25, 2017
      Tom Daly
      Reply
      Author

      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

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