Sticky Footer

Hi,

I don’t think making the footer sticky would be a solution because on mobile devices with a low screen resolution the footer will take almost half the screen covering the other parts of the page.

Better will be to make the content box have a minimum height.
You can add this code to your custom CSS to make the content box push the footer down:

article.page {
    min-height: 589px;
}

Hi,

Thanks for your response and help. I changed theme shortly after creating this thread but I had the same problem with the new theme. After some searching I came across a forum where someone recommend the following code be added to the themes CSS file:

#main { min-height:500px; }

and it worked.

Hi,

You can also try the following css code for this issue:

html{
position: relative;
min-height: 100%;
}

body{
margin: 0 0 87px;
}

#after_footer {
position: absolute;
bottom: 0;
height: 87px;
}