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
- Step 2. Add the Custom CSS code
- Step 3. Publish your changes
- Result
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:
- Hide SharePoint and Office 365 Ribbon and Suite Bar
- How to Hide Quick Launch / Left Navigation from Modern SharePoint Team Sites
- Hide Current Navigation (Side Menu) in a SharePoint Classic Site
- Hide Quick Launch or Left Navigation in SharePoint Modern Team Sites
- How to Hide the Social Bar from Modern Site Pages