ct-material-dashboard-pro-angular
ct-material-dashboard-pro-angular copied to clipboard
[Bug] Fixed footer + Content Fill
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:
- Fix the footer to the bottom
- 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
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