Hide the Office365 Suite Bar

The Office365 Suite Bar is a great component of SharePoint sites and pages. It allows quick access to Office Apps, and displays the name of the app the user is currently working within. However, in some cases, like working with external users, or for the purposes of a specific custom-application you’ve built, it may make sense to hide the bar.

This CSS code will prevent the bar from being displayed. Simply add a content editor to your page, insert a code snippet, or save it in a .CSS file in the site assets library, and enter the URL of that file in the content editor.

Want to hide the Office365 bar and get a little more real estate for your site/page?

Drop this code in:

<style>
div#suiteBarTop {
display: none;
}
</style>

Leave a Reply

Your email address will not be published. Required fields are marked *