Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1020229
    Sarah W
    Participant

    Hi
    please could you take a look at my footer. It won’t stay at the bottom of the page, is obscuring content and is spilling out of container on the renew theme. I haven’t got a clue how to fix it!
    Thanks

    URL
    http://www.waterarthouse.co.uk/AmblesideSports/

    Login details to follow.

    #1020230
    Sarah W
    Participant
    This reply has been marked as private.
    #1020411
    Sarah W
    Participant

    Further to that I’ve put in some java script that I found on your forum. that seemed to work on the home page
    but check out this page
    http://www.waterarthouse.co.uk/AmblesideSports/competitors/
    Nothing I do will anchor the footer globally on the site. And of course the small issue of it flowing over to the right on all page.
    thanks for your help…

    #1020478
    Rupok
    Member

    Hi there,

    It seems you have forced the footer to be absolute positioned with the following code :

    #top > footer.x-colophon.bottom {
      bottom: 0;
      height: auto;
      min-height: 40px;
      position: absolute;
      width: 100%;
    }

    Kindly remove this to get expected result. When you add any custom code to your site, make sure you know what you are doing to avoid potential conflicts.

    Hope this makes sense.

    Cheers!

    #1020495
    Joao
    Moderator

    Hi There,

    Please find the following code on your Customizer

    #top > footer.x-colophon.bottom {
      position: absolute;
      width: 100%;
      bottom: 0;
      min-height: 40px;
      height: auto;
    }

    and remove position: absolute;

    So the code at the end should look like :

    #top > footer.x-colophon.bottom {
      width: 100%;
      bottom: 0;
      min-height: 40px;
      height: auto;
    }

    Hope that helps,

    Joao

  • <script> jQuery(function($){ $("#no-reply-1020229 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>