Grow your CSS skills. Land your dream job.

WordPress Sticky Footer

  • # November 15, 2011 at 6:05 pm

    Hi guys, i’m wanting to build a site with WordPress that has a full 100% width Sticky footer and a full width header the same size as the footer and is also responsive to resizing including mobiles but the internals are still at a reasonable size say 977px centered if that makes sense. I started to create a child theme with the twentyeleven theme but didn’t even mange to get the sticky footer to work, just wondered if any of you guys had any advice, which way to go really? thanks, Tim

    # November 16, 2011 at 8:20 am

    Not sure what you are really asking. Are you asking can it be done in wordpress? yes. Can it be done with the twentyeleven theme? yes…with a litte give and take. Or are you asking how to make a sticky footer? what ever you are asking…yes, yes, yes, yes and yes. Just because you are using WP does not restrict you from any custom design, theme or programing challenges. What can be created outside WP can be handled the same inside WP and in some cases much better. Here are a few links i found that may help….easier then me explaining.
    http://www.wordimpressed.com/wordpress/put-a-css-sticky-footer-in-your-wordpress-theme/
    http://ryanfait.com/sticky-footer/
    http://wordpress.org/extend/plugins/constant-footer/
    http://designparc.com/2011/04/23/wordpress-child-theme-css-sticky-footer/#.TsO4k4BFH9w

    # December 11, 2012 at 1:11 pm

    For the canvas theme (Woo), all I had to add was #footer {clear:both;}
    Maybe that will help someone out. Too easy

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".