Footer element is placed inside .main-content and next to .page-content and you can see the structure in this file:
views/layouts/dashboard/footer.hbs
html
<div class="footer">
<div class="footer-inner">
...
</div>
<div class="footer-tools">
<a href="#" class="btn-scroll-up btn btn-dark">
<i class="fa fa-angle-double-up"></i>
</a>
</div>
</div>
You can also put .footer-tools and .btn-scroll-up outside of .footer, in that case if you have a boxed layout, the button will appear outside of .container area
On page load,
But you can use
.btn-scroll-up elements are enabled to scroll window to top on click.But you can use
acrScrollTop function to add this functionality to any other element:
js
$('#my-button').aceScrollTop()
The bottom toolbar in mobile view is also a footer which is shown only in small devices by applying
d-sm-none class: