This code I used in CSS to hide o365 bar.

a#o365_subLink_ViewAccount {

display: none !important;


I would like advice to how I can hide inside using SP Designer 2013 which master pages would I need to edit.


No need to edit your master page especially in SharePoint online, What should you do is to add your CSS code in CSS file and upload it to style library or site assets. then apply it to your site as the following:

  • Open Site > Site Settings.
  • Below Look and Feel > Click on (Master Page) or Design Manager.

enter image description here

  • At Site Master Page Settings > Scroll down till Alternate CSS URL
  • Check Specify a CSS file to be used by this site and all sites that inherit from it:
  • Browse to your CSS file
  • Check Reset all subsites to inherit this alternate CSS URL if you need to apply CSS for all subsites.

enter image description here

  • When I go under Master Page Gallery I don't get to see Alternate CSS URL option – AY_91 Mar 30 '17 at 13:40
  • Could you please check this image It should be collapsed as shown in image blog.atwork.at/image.axd?picture=image_1777.png – Mohamed El-Qassas MVP Mar 30 '17 at 13:50
  • Which version of SharePoint are you using ? – AY_91 Mar 30 '17 at 14:03
  • the above steps is valid for SharePoint 2013/2016 and online, could you please tell me what's your SharePoint site template ? is it team site or publishing site? if it's a team site try to enable publishing feature , don't hesitate to tell me if you still face issue – Mohamed El-Qassas MVP Mar 30 '17 at 14:13
  • I have SharePoint Online 2013 . It is Team template. I want to know to hide o365 menu bar – AY_91 Mar 30 '17 at 14:14

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.