How to hide waffle icon, office 365, SharePoint link inside Search on SP Online teamsite?

Question

Hello I would like to know what is best way to hide waffle icon, office 365 link and sharepoint link inside search on team-site.

Answer 1

It could be different in your tenant, hence please check the selectors

I have used the below css to hide the waffle icon and the text :

<style>
.o365cs-nav-header16 .o365cs-nav-brandingText, #O365_MainLink_NavMenu{
display:none;
}
</style>

Add it inside a script editor webpart/content editor webpart or masterpage of site collection.

Create a css file and the above line of code. After that add to the site collection as below:

If your site is publishing site follow the mentioned steps below:

Go to Site Settings > Look and Feel > Design Manager > Publish and Apply design > Specify the path of CSS