metro pro sticky footer

[Albert]

Is it possible these days to make the footer sticky incase you have a page with not a lot of content on it?
I visited over 20 websites with css codes but they don't seem to work.

Also all the code found on the forum don't seem to work to solve the problem.
If anyone has a solution, that would be great! 🙂

[Davinder Singh Kainth]

Have you tried these resources -

http://stackoverflow.com/questions/16328158/genesis-wordpress-sticky-footer-via-css-jquery

http://9seeds.com/tech/sticky-footer-genesis/

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Albert]

I can't remember trying these, Il give it a go.

Cheers,

[Albert]

Tried them, doesn't work properly.
I try to push the footer at the bottom, not let it stick at the bottom of the screen overlapping content.

[paaljoachim]

Hi

Adjust your CSS code and see if it helps. Keep the sticky code in the functions file in place.
(I got it working on my screen and I also tested it full screen on my 24″ monitor connected to my Macbook Pro.)

html {
height: 95.5%;
}

body {
height: 100%;
}

.site-container {
height: 97.3%;
}

.page-wrap {
min-height: 89%;
margin-bottom: 3px;
}

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

Inspired by: http://9seeds.com/tech/sticky-footer-genesis as well as http://jsfiddle.net/juroto/HL6Ad/

---

I design, instruct, help people to understand WordPress through my tutorials as well as create web sites and hold classes where i teach WordPress and Adobe software. easywebdesigntutorials.com

[Author]

Posts