Excellent overview on hiding Office365 top elements with javascript

Here is an excellent overview by”Learning SharePoint“on what the various top level elements on your SharePoint online are and how to hide them if you want to!

In short (mostly for my own reference):

<script language=”javascript”>


function HideBrandingsuite()
//hide the left upper "office365" logo
document.getElementById('suiteBrandingBox').style.visibility = 'hidden';

//hide the top level links to outlook, sites, calendar, people, newsfeed,...
document.getElementById('suiteLinksBox').style.visibility = 'hidden';

//hide the name, cog and help
document.getElementById('suiteBarRight').style.visibility = 'hidden';

//hide share, follow and edit
document.getElementById('RibbonContainer-TabRowRight').style.visibility = 'hidden';


You can find much more information and code on the learningsharepoint.com website!

About: Marijn

Marijn Somers (MVP) has over 14 years experience in the SharePoint world, starting out with SP2007. Over the years the focus has grown to Office 365, with a focus on collaboration and document management. He is a business consultant at Balestra and Principal Content Provider for "Mijn 365 Coach" that offers dutch employee video training. His main work tracks are around user adoption, training and coaching and governance. He is also not afraid to dig deeper in the technicalities with PowerShell, adaptive cards or custom formatting in lists and libraries. You can listen to him on the biweekly "Office 365 Distilled" podcast.