Topic: Fixed bottom footer covering content
Expected behavior
I expect that the footer would stick to the bottom of the page and content would be justified above it.
Actual behavior
The footer sticks to the bottom of the page but it is cutting off my content. See the image below.
Resources (screenshots, code snippets etc.)
The code for my footer is as follows:
<footer class="page-footer font-small stylish-color-dark fixed-bottom pt-0 mt-5">
<!-- Copyright -->
<div class="footer-copyright text-center py-3">
© {{date | date:'yyyy'}}
</div>
<!-- Copyright -->
</footer>
If you need to place your footer at the bottom (after the content) you will need to use other styles. Here is an example from another thread:
https://mdbootstrap.com/support/angular/how-can-i-locate-a-footer-at-the-bottom-of-the-page/
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 7.4.3
- Device: Laptop
- Browser: Chrome
- OS: Windows 10 Pro
- Provided sample code: No
- Provided link: No