I'm using SharePoint 2016 and I added a logo/banner to the Suite Bar. How can I make this region clickable and forward to a webpage? I don't see a way to do this in css using .o365cs-base. Do I need to reference the image in .o365cs-base and add href to the html or master page?

I created a css file, uploaded to SiteAssets and added it to Alternate CSS URL under Site Settings - Look and Feel - Master Page.

Here is the css I used to add the logo:

.o365cs-base.o365cs-topnavBGColor-2 { background-color: #101E8E !important; background-repeat: no-repeat; background-image: url('banner.png') !Important; background-position: 50px; width: auto; height: 65px; }

  • 1
    How you have added a logo/banner to the suite bar? can you please add the steps you used or the code you used (if any) to your question? Jul 22, 2020 at 17:33

1 Answer 1


I added jquery the the html file and referenced the class in the alternate css file.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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