make footer \"stick\" to bottom

[roanna.sold]

Another important question:

How do I change the Church theme to make the footer portion to “stick” to the bottom of the page.
The result would be that when scrolling you would only scroll the content area (.site-inner) and the top portion (.site-header and .nav-primary) and bottom portions (.site-footer) would stay static and always be visible.

Any help GREATLY appreciated!!!

I have tried the following option:

.site-footer {
position:absolute;
width:100%;
bottom:0px;}

but that doesn’t solve it. It just brings the footer to top hiding site content and still scrolls the whole page.

Thank thank

Roanna

[han]

Try this

.site-footer {
    border-top: 1px solid #F5F5F5;
    color: #666;
    padding: 20px 0px;
    text-align: center;
    position: fixed;
    bottom: 0px;
    width: 980px;
    background: #fff;
}

[roanna.sold]

Hello Han,

Thank you so very very much for the prompt reply!
That worked like a charm!

Thank you thank you.

You are so amazingly awesome for making such amazing themes and always being available to help out!

[Author]

Posts