Sticky footer with Twenty Twelve (6 posts)

  1. vind
    Posted 2 years ago #

    I would like the footer on my website to stick to the bottom of the page, regardless of the body content.

    Anyone know of an easy way to implement this for my Twenty Twelve child theme?

  2. Andrew
    Nuh uh moderator
    Posted 2 years ago #

  3. rob_uk
    Posted 2 years ago #

    I wrote a blog post on adding a sticky footer to the twenty twelve theme:

    WordPress Twenty Twelve Sticky Footer

    That will hopefully explain everything you need to do.

  4. vind
    Posted 2 years ago #

    @rob_uk I followed the instructions, but can't get it to work. It cleared the styling of the table I have in my footer and removed all padding at the bottom. Did I miss something?

    Edit: So I managed to fix my styling. Whew. But there footer is still not sticky, and now there is unwanted spacing at the bottom of the padge, assumingly because I added margin-bottom: 33px; to #footerWrapper, as the bottom padding disappeared from the footer.

  5. CarpetCrawler
    Posted 2 years ago #

    rob_uk's guide worked fine for me on a twenty twelve child.

  6. greggviro
    Posted 1 year ago #

    I haven't been able to get it to work, although it's a great explanation.

    @CarpetCrawler, could you please provide a link so I can see how this worked out for you?

Topic Closed

This topic has been closed to new replies.

About this Topic