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:

    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.

    Theme Author CyberChimps

    (@cyberchimps)

    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;
    }

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