I have placed a button which Hides/Shows SharePoint ribbon onclick. So initially when the page is loaded the ribbon gets hidden. Due to which there is an extra white space below every page which uses that masterpage. So I want to remove those extra white spaces.

Till now i have tried

changing the height of s4-workspace like this

$("#s4-workspace").css("height", "643px");

This works when there is 1-2 app parts but does not works on each and every screen or when there is more app parts or no app parts.

Also I have tried giving percentage to height.

So there any general way to solve this issue.

Extra space at the bottom of master page

  • Use sticky footer CSS solution that pushes footer to the bottom of the window no matter the content height. – Aveenav Jul 1 '16 at 14:05
  • how about using Height as "auto" – Ankit Kumar Jul 1 '16 at 14:10
  • I can't use sticky footer I will try using height as auto – user51831 Jul 1 '16 at 14:13
  • Height auto is not working. – user51831 Jul 1 '16 at 14:16

Try adjusting the height of #s4-bodyContainer

| improve this answer | |
  • @cptasker: Its not working – user51831 Jul 4 '16 at 6:13

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy