Stick footer to bottom screen Twenty thirteen

  • Resolved Wiepkje

    (@wiepkje)


    11 years, 1 month ago

    With this manual I managed to stick my footer to the bottom of the screen. But sometimes it works, sometimes not. It looks like I added an absolute height to an element. But I don’t know where I’ve done that. This is the website.

    Who can help?
    Thanks in advance, Wiepkje

Viewing 2 replies - 1 through 2 (of 2 total)

  • To fix the footer to the bottom of your page add the following css to your style.css file in the child-theme:

    .site-info {
position: fixed;
bottom: 0;
width: 100%;
}

    You can then control the height of this and your content at the bottom of the page by specifying a height with: footer[role=”contentinfo”]. For example:

    footer[role="contentinfo"] {
height: 70px;
}

    Also remove the followign code from line 775 in your style.css file as I think you might have added this:

    max-height: 567px

    Good luck with sorting it!

    Afzaal

    Thread Starter Wiepkje

    (@wiepkje)

    Dear Afzaal,

    You’ve made my sunday. The problem is fixed. Many thanks,

    Wiepkje

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Stick footer to bottom screen Twenty thirteen’ is closed to new replies.