Materialize footer not going to bottom of page

According to materializecss: the below rules must be added to your css for getting the sticky footer:

 body {
     display: flex;
     min-height: 100vh;
     flex-direction: column;
 }
 main {
     flex: 1 0 auto;
 }

Jsfiddle

Just to add, Alex answer works perfectly since you have this structure:

<body>
<!-- Header content -->
<main>Page Content</main>
<!-- Footer content --> 
</body>

Tags:

Html

Css

Footer

Materialize

Related