• 1dnmr
    June 11, 2015 at 10:08 am #111045

    Hi,

    I was highly disappointed with theme design which does not follow web standards always show footer on page bottom not depending on page height.

    Happily I found more or less acceptable solution to fix this.

    1. Fist of all you have to edit footer.php and move closing containers div’s upper. Then you have to insert one more “push” div. Here are the code:

    </div><!-- end content_wrapper started in header -->
    </div> <!-- end class container -->
    <div class="push"></div>
    </div> <!-- end website wrapper -->
    

    Line 1 and 2 moved from footer.php bottom to make closing container div’s before the footer.

    2. Then you have to add following css

    html, body, .content-wrapper {
    	height: 100%;
    }
    .website-wrapper {
    	min-height: 100%;
    	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
    }
    footer, .push {
    	height: 60px; /* '.push' must be the same height as 'footer' */
    }
    
    html { overflow-x: hidden;} 

    I have footer height 60px. If you have different one – change this value.

    Hope this help.

    • This topic was modified 2 years, 1 month ago by  1dnmr.
    • This topic was modified 1 year, 12 months ago by  Anna.

You must be logged in to reply to this topic.

Contact Us

We're not around right now. But you can send us an email and we'll get back to you, asap.