In my custom master page, I want the ribbon to push down the content. Since it doesn't push the content down, it will be hard to edit some properties since the ribbon will simply be upon some input fields.

I don't have the id="s4-titlerow" class="s4-titlerowhidetitle" so nothing is hidden (which is what I want).

Why doesn't ribbon push down content, isn't that default behavior? Below is the snapshot of my custom master page:

Screenshot with and without ribbon

  • 1
    Could you please show a screenshot of what you mean?
    – user2536
    Commented Jan 21, 2014 at 13:29
  • @DanielZiga Added a screenshot first without ribbon, and then with ribbon in a document library - edit properties.
    – williamwmy
    Commented Jan 21, 2014 at 13:41

2 Answers 2


On one of my custom masterpage this fixed the issue:

   display: block;

You could also try with display: block !Important; if the above does nothing.


Try this:

 $(window).load(function() {

This fixed the issue for me.

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.