Sticky Footer - Service Portal

[boosted]

Hi,

Has anyone has luck getting a Sticky Footer created in Service Portal?

If I select the FIXED FOOTER option and try scrolling it keeps the footer in place at the bottom most part of the screen, if i scroll down it stays fixed at the bottom and the content of the page stays behind the footer vs being fluid with the various heights of the current page its on. And if there isn't a 100% full height content on the page and I don't have FIXED FOOTER selected it brings the footer to middle of the page after the last element. can't seem to figure out how to implement a "sticky footer".

I am trying to get the global css body element to be "min-height: 100%", I believe that would fix it but I'm not sure how to get that into the global portal css. I tried adding a CSS include to the current theme and that did not change anything.

here is what I am getting at:

thanks!

matt.metten

[mirkoe]

Thanks all for your suggestions.

Our final solution that worked was

.body {

  display: block;

  min-height: 100%;

  padding-bottom: 100px;

}

footer {

  min-height: 100px;

  margin-top: -100px;

}

This worked, because the section has the class "body" (that ´s why we use .body instead of plain body tag).

[SN Emy]

Fixed my issue.

[olafschulte]

I used the option mentioned on:

Creating a sticky footer in your Service Portal - ServicePortal.io - Service Portal, CMS, and Custom...

Works like a charm