1. Copy the contents of the master page.
2. Create a new master page.
3. Paste the code from the original master page into the new master page.
4. Find one of the following lines of code (depends on the type of site being edited): <div id=”suiteBarRight”> OR <SharePoint:SPSecurityTrimmedControl runat=”server” AuthenticationRestrictions=”AnonymousUsersOnly”>
5. Insert this code just above one of those previous lines of code.
Code to insert:
<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>
6. Save the new master page.
7. Check in the new master page.
8. Publish as major.
9. Go to site settings.
10. Click on design manager.
11. Click on step 7: Publish and Apply Design.
12. Click Assign master pages to your site based on device channel.
13. Select the new master page from the dropdown menu.
14. Check “Reset all subsites to inherit this system master page setting.”
15. Click “Ok.”
16. Refresh the page.
You should now see your logo at the top of the page instead of SharePoint. Hooray.
