This code below leaves it aligned below if the content fills the entire page, otherwise it stays in the middle of the body.
Note: I have already read the materialize manual until it has been aligned but has not altered the side menu.
I've also tried style='vertical-align=bottom;' to no avail.
<!-- INÍCIO DO RODAPÉ -->
<footer class="page-footer">
<div class="footer-copyright">
<div class="container">
</div>
</div>
</footer>
<!-- FIM DO RODAPÉ -->So friend tries on your CSS file
/*No seu body*/
html, body {
height: 100%;
}
/*Na primeira div do seu html */
#NomeDaSuaPrimeiraDiv {
min-height: 100%;
}
* html #NomeDaSuaPrimeiraDiv {
height: 100%;
}
/*Posicionando o rodapé*/
#NomeDaSuaPrimeiraDiv {
position: relative;
}
#page-footer {
position: absolute;
bottom: 0;
}I hope this helps if it does not work. Access this link link here is explaining how to position your footer may have been a bit confusing to my explanation then access that the link that I put in that site explains better
What you can do is create a class in your CSS by putting the following code:
position: absolute;
bottom: 0;