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


    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 1 year, 4 months ago by  1dnmr.
    • This topic was modified 1 year, 2 months ago by  Anna.

You must be logged in to reply to this topic.