[Bug] Fixed footer + Content Fill

[No1e]

Version

2.6.0

Reproduction link

https://github.com/creativetimofficial/ct-material-dashboard-pro.

Operating System

Windows 10

Device

any

Browser & Version

Chrome, EDGE

Steps to reproduce

Dear Creative Tim Support,

could you please tell me how can do the following:

1. Fix the footer to the bottom
2. Make the "main-content" to take remaining space between header and footer

I was not able to find example.

Thank you and best regards,
Novak

What is expected?

Footer fixed at bottom, "main-content" should take space between header and footer.

What is actually happening?

Footer not fixed, "main-content" takes as much as space as it needs.

---

Solution

Additional comments

[rarestoma]

Hi @No1e,

Thank you for working with our products.

Did you try leaving the main-content empty? Because the main-content has a min-height set of calc(100vh - 123px) and this will cause the footer to stay at the bottom.

I attached an image to show how it looks.

Best regards,
Rares