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. enter image description here

  • Tip - don't hide. Learn to live with it and educate end-users. You can use CSS selectors to set property display:none , but since this is SPO, the selectors are most likely to be changed after some time and your users will come back to you again about this. – Gautam Sheth May 11 '17 at 13:11
  • @GautamSheth how do I do it – AY_91 May 11 '17 at 13:16
  • I have to agree, what is the point of hiding the waffle? – Matthew McDermott May 13 '17 at 11:33

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 :

.o365cs-nav-header16 .o365cs-nav-brandingText, #O365_MainLink_NavMenu{

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 enter image description here

  • I can't edit search page. – AY_91 May 11 '17 at 13:30
  • have updated answer, please check – Gautam Sheth May 11 '17 at 13:33
  • I have done it before. However when i search on teamsite and load it up search page then office 365 shows up. – AY_91 May 11 '17 at 13:35
  • Press F12 in browser console and check the selector. At my end its as below: i.stack.imgur.com/Fesx3.png , change the css accordingly – Gautam Sheth May 11 '17 at 13:47
  • it same as yours – AY_91 May 11 '17 at 13:48

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.