I’ve been following the site http://academy.bindtuning.com/customize-sharepoint-2013-and-office-365-suite-bar/ just so I can change the title from SharePoint (because no one here wants to see that) I have followed all of the instructions except for step 7 under SharePoint master pages. The Problem: the code <div id=”suiteBarRight”> doesn’t exist or at least cannot be found in the masterpage code. So I do not know where to post the remaining code to get this thing to work. Any ideas? Thank you.
Ok. Basically what I did was:
- Inspected the source code of the site that I was having trouble with.
- Noticed the pattern in the code where the suitebar code would normally be located. In this site the code for it was hidden, but the bar still appeared on the site. I’m guessing this was due to it being a different type of page. I’m a beginner, so this is just a thought.
- I then added the following code where the rest of the sites had shown it to be:
<div>
<script type=’text/javascript’ src=’//code.jquery.com/jquery.min.js’></script>
<script type=”text/javascript”>
var suitebar = $(“#suiteBar”);
var branding = suitebar.find(“.ms-core-brandingText”);
branding.html(“<a href=’/’><img src=’https://mywebsite.edu/blah/SiteAssets/image.png’ height=’30px’></a>”);</script></div>
- I entered this code just above the line: <SharePoint:SPSecurityTrimmedControl runat=”server” AuthenticationRestrictions=”AnonymousUsersOnly”>
- It was really a case of trial and error and having the benefit of working on a dev environment 🙂
