Service Portal - Adding the footer is not staying at the end of the page

[Kirthi2]

I have added footer to the portal and I don't want it to be a fixed footer on the portal so I unchecked the 'Fixed Footer' check box but now it's coming up at middle of the page where the widget ends.

How can I fix the footer to move to the end of the page and shows only when the page is scrolled to the end.

Thank you in advance!

[Pranesh072]

have you checked the fixed footer checkbox?

[Bhavana Ramesh1]

Go through below link, it will work

https://serviceportal.io/creating-sticky-footer-service-portal/

we have followed this link and it worked fine for us.

Thanks,

Bhavana

[Sai Kumar B]

Hi Kirthi,

1. Go to your portal's theme record.
2. Select a footer widget, you can use the out-of-box “Sample Footer” as a test.
3. Make sure the “Fixed footer” checkbox is unchecked.
4. Paste the following snippet of CSS into the “CSS variables” textarea, or alternatively you can include it in a CSS Include.

section.page {
  display: flex;
  flex-direction: column;
  display: -ms-flexbox;
  -ms-flex-direction: column;
}
 
section.page > main.body,
section.page > section.body {
  flex-grow: 1;
  flex-shrink: 0;
  -ms-flex-positive: 1;
}

Best regards,

Sai Kumar

[Kirthi2]

Hi Sai Kumar, 

Thank you for your response,

It worked for all the pages and it stuck at the bottom of the page as desired. But it's not working for the ticket page - standard ticket page from the Paris upgrade. 

Below screenshot is for all the pages at are fixed with the CSS script added to the CSS variables:

It did not fix for the ticket page the new standard ticket page which came with the Paris Upgrade -

Is there somewhere else I need to update the script you provided?