I did every step in this article perfectly and still my banner does not populate to the top of my SharePoint site.


1 Answer 1


SharePoint 2013 uses different set of style and id's.

You can try below CSS

#s4-titlerow {
    background:#F9F9F9 url('/SiteAssets/banner.jpg') repeat-x 0px 0px;
    padding:30px 0 0 310px;
  • Replaced my CSS file with your CSS and same result. My banner and css file is uploaded to the assets lbrary but when I make the changes in designer and save it nothing is displayed in the site. I wonder if <link rel="stylesheet" href="/siteassets/NewCSS.css" type="text/css" media="screen" /> has to be put somewhere else besides line 36? I still put it between the head and the body but its on line 38. Also did I mention I'm using office 365 and my banner is a .png file so I had to change the .jpg to .png.
    – Lee McGhee
    Commented May 21, 2015 at 15:20
  • What about <div id="s4-titlerow" class="ms-dialogHidden s4-titlerowhidetitle"> Should I put it below this?
    – Lee McGhee
    Commented May 21, 2015 at 15:26
  • Try my updated answer Commented May 21, 2015 at 15:27
  • Great it work! looks like the logo, home and edit links moved to the middle though on top of my banner lol. I'll have to see how to get rid of those.
    – Lee McGhee
    Commented May 21, 2015 at 15:54
  • Where is the Manage Content and Structure under site settings in 2013 so I can hide the global navigation?
    – Lee McGhee
    Commented May 21, 2015 at 16:19

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.