Footer has moved to top of the page

Discussion in 'WordPress Themes' started by Chrissie Bettencourt, Feb 22, 2012.

  1. Hello! I have recently installed a new theme and after trying to upload an image that was large than they default settings my footer decided to move itself to the top of the page rather than staying at the bottom. Any ideas how to fix this?

    Thanks!

    Chrissie
  2. Kevin Muldoon WordPress Fanatic!

    Can you post the URL. It sounds like the image was too big for the footer and it has messed up the design.
  3. Kevin Muldoon WordPress Fanatic!

    It took me a while but I eventually figured it out. I thought it was a styling issue but nothing is wrong in the stylesheet.

    You have too many divs in your template.

    The bottom of your page looks like this:

    Code:
    </div>  </div>
     
    </div>
     
     
     
    </div>
     
    </div>
     
     
     
    <div id="footer">
     
      <div class="center">
     
        <p>Copyright</p>
     
        <div id="footerMenu">
     
        <div class="menu"><ul><li class="page_item page-item-2"><a href="http://awakenyoursenses.info/?page_id=2">Sample Page</a></li></ul></div>
     
     
        </div>
     
      </div>
     
      </div>
     
    </div>
     
    </body></html>

    Notice the 5 Divs at the top of the code. You should only have 4 there. Remove one of the codes and it should work ok.
  4. I went into my template, but I don't see the 4 divs there. I only see 2. Here is what I have when I go into the footer template:

    </div>
    </div>

    <div id="footer">
    <div class="center">
    <p><?php echo(get_option('_footer_text')); ?></p>
    <div id="footerMenu">
    <?php if (function_exists('wp_nav_menu') && get_option('_enable_menus')=='on'){
    wp_nav_menu(array('menu' => get_option('_footer_menu')));
    }else{?>
    <ul>
    <?php wp_list_pages("depth=1&title_li=&exclude=".get_option("_exclude_pages_from_menu")); ?>
    </ul>
    <?php
    }?>
    </div>
    </div>
    <?php wp_footer(); ?>
    </div>
    </div>
    </body></html>

    But if I go into view source code, it comes up as you had posted it. I checked all of the side bar templates, which is what seems to be just above the footer, but I still don't see the extra div. Yet it is there when the page launches.

    Any ideas?

    Thanks again!

    Chrissie
  5. Kevin Muldoon WordPress Fanatic!

    That's because the other divs are being generated by another template (e.g. page.php, index.php, single.php etc).

    Try and removing the first div from your footer.php template. That should resolve it. :)
  6. Yay!!!!! It worked. How exciting! Thank you so much !
  7. Kevin Muldoon WordPress Fanatic!

    No problem. Glad you got it working :)

Share This Page