How do I remove this from SharePoint without messing up the page?

I am using the Oslo MasterPage.

<div id="titlerow" class="ms-dialogHidden ms-core-header ms-tableRow">

On my site if I delete this element with the IE Developer Tools, the page looks like this (which is what I want):

enter image description here

However when I delete this line from the master page it looks like this?

enter image description here

Any ideas what I can do to get it to work the way I want it?

  • are those ootb master page and css? are you removing the closing div properly? perhaps you may want to try and leave the div there, just add display:none or visibility:hidden instead. sometimes sharepoint makes crazy calculations on existing div elements – Tiago Duarte Oct 6 '14 at 11:56
  • Yes this is the ootb oslo master page. Where do I insert the display:none or visibility:hidden? – surfnode Oct 6 '14 at 12:02
  • 1
    <div id="titlerow" style="display:none" class="ms-dialogHidden ms-core-header ms-tableRow"> – Tiago Duarte Oct 6 '14 at 12:10
  • excellent, just what the doctor ordered! ;) – surfnode Oct 6 '14 at 12:36

You can "remove" that element with an inline style.


<div id="titlerow" style="display:none" class="ms-dialogHidden ms-core-header ms-tableRow">

or css,


Remove margins from siteIcon ID, it will reduce the header height of SharePoint Site.

    margin:0px 20px !important;

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.