How can we help you today?

[Classic Experience Only] How to Hide Office 365 App Launcher Icon in SharePoint

Office 365's App launcher icon is displayed wherever the Office 365 Suite Bar is present, including SharePoint sites. You might not want this to be the case and in this brief article I will show you a straightforward way to hide the App launcher icon.


Before:


After:


To achieve the desired look, we'll have to add a few lines of Custom CSS to ShortPoint Theme Builder.


TABLE OF CONTENTS


Step 1. Open the Custom CSS option in ShortPoint Theme Builder


Open ShortPoint Theme Builder (Site contents/Site settings > ShortPoint Dashboard > Theme Builder and click Customize my site).


Navigate to Utilities > Custom CSS:



Step 2. Add the Custom CSS code


Copy the custom CSS code below:

button#O365_MainLink_NavMenu, button#O365_MainLink_HamburgerButton {
display: none;
}

Paste the copied code in the Custom CSS text area:



Step 3. Publish your changes


After you've pasted the code, click Apply (1). The App launcher in the site's preview should no longer be displayed. 

If you are happy with the results, click Publish (2).



Result


That's all. Here is our result:


Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 10 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more