I have previously used jQuery to hide the Suitebar links in SP 2013. This was on-prem install. When I try in Office 365, it seems to ignore the code.

//Neither of these work:

$("span:contains('OneDrive')").css('display', 'none');

document.getElementById("suiteLinksBox").style.visibility = "hidden";

Also, I tried doing this through the Admin center but it doesn't hide anything. Why not?



Try this:

/* Hide  SuiteBar OneDrive */
a#Suite_MainLink_ShellDocuments {
    display: none !important;

/* To hide entire suiteBar */
div#suiteBarTop {
   display: none;

You can also use Admin settings to show/hide few of the suite bar links.

  • I have tried the Admin settings and it doesn't do anything. But your css does, TY! – Michael Colbs Oct 30 '14 at 14:28


document.getElementById('suiteBarTop').style.display = 'none';
  • 1
    thx, but that didn't work :( – Michael Colbs Oct 30 '14 at 4:44

How to hide SuiteBar links in Office365

Using jQuery:


Using Css:

.o365cs-nav-O365LinksContainer .o365cs-nav-O365Links {
   display: none;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.