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?


3 Answers 3


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! Oct 30, 2014 at 14:28


document.getElementById('suiteBarTop').style.display = 'none';
  • 1
    thx, but that didn't work :( Oct 30, 2014 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 and acknowledge you have read our privacy policy.

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