Sticky Footer - Service Portal

boosted
Tera Expert

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:

yes-no.png

thanks!

matt.metten

17 REPLIES 17

Nice solution! Tested working on current versions of Chrome, FF and IE.


Hi Christophe, this does seem to work for a page full of containers/widgets. However, when I resize the page to a mobile/tablet size and there is an empty space, the footer still floats. Do you have any idea how to fix this?

Do we add this classes to the widget itself?

Community Alums
Not applicable

Hi James, 

you need to create a "CSS includes" and attach to your theme :

Screenshot_2.jpg

 

Regards

Thank you very much