Sticky footer

[Tom Riddleff]

I'm using Persona theme and try to find any solution how to make footer sticky to the bottom.
any ideas?

[phit]

assuming your footer code is something like this in a html widget

<footer id="footer" class="container footer">
    <div class="copyright">
        2017 MySite - powered by <a target="_blank" href="https://nodebb.org">NodeBB</a>
    </div>
</footer>

then adding this to your custom css will make it sticky at the bottom

.col-sm-12.col-lg-12 .footer {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    padding-top: 7px;
    border-top: 1px solid #eee;
    width: 100%;
}

looks something like this

[Esteban Constante]

@phit said in Sticky footer:

.col-sm-12.col-lg-12 .footer {
position: fixed;
bottom: 0;
left: 0;
background: #fff;
padding-top: 7px;
border-top: 1px solid #eee;
width: 100%;
}

Not working for me

[phit]

gonna need your footer code and are you using persona?

[Esteban Constante]

@phit Yeah, I made a new footer with a different id, set the css to that id and it's working now