Page with Fixed Footer header small text goes here...
Add the .app-content-full-height
css class to .app
container for full height page element.
If you only need the footer to be fixed at the bottom for minimum max page height, you are not required to add the data-scrollbar="true"
and data-height="100%"
;
<div id="app" class="app app-content-full-height">
<div id="content" class="app-content d-flex flex-column p-0">
<!-- BEGIN scrollbar -->
<div class="app-content-padding flex-grow-1 overflow-hidden" data-scrollbar="true" data-height="100%">
...
</div>
<!-- END scrollbar -->
<div id="footer" class="app-footer m-0">
© 2022 SeanTheme All Right Reserved
</div>
</div>
</div>