Search code examples
cssmedia-queriescss-positionfooter

How can I set this bootstrap footer position fixed at bottom it is coming after my carousel container in iPad view?

This is media query I am using for changing position of footer to fixed but this media query is not working.

@media only screen and(max-width: 800px) {
    footer {
        position: fixed;
        bottom: 0;
    }
}

This is my footer I am using bootstrap footer.

<footer class="text-muted text-center text-small bg-dark container-fluid navbar navbar-default navbar-static-bottom justify-content-center">
    <p>© 2017–2021 iCoder</p>
</footer>
Solution

  • Hellooo,

    You can use "fixed-bottom" class in bootstrap to do that.

    <footer
  class="
    text-muted text-center text-small
    bg-dark
    container-fluid
    navbar navbar-default navbar-static-bottom
    justify-content-center
    fixed-bottom
  "
>
  <p>© 2017–2021 iCoder</p>
</footer>

    Please let me know if this is what you are looking for.