Support » Theme: iFeature » Sticky Footer

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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: {
        min-height: 589px;


    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.

    Theme Author CyberChimps



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

    position: relative;
    min-height: 100%;

    margin: 0 0 87px;

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sticky Footer’ is closed to new replies.