3 {{ upvoteCount | shortNum }}
3 {{ upvoteCount | shortNum }}

fixed sidebar going over footer

by [Justin]
3 replies
  • WEB DESIGN
    • |
Hi, I'm new to wordpress. Right now I have two fixed banners in my sidebar, and they stay fixed even through the footer instead of stopping at the footer.

So the ads stay in place like they should, but then they keep going even into the footer which they shouldn't.

Anyone know how to fix this problem?
#fixed #footer #profit builder #sidebar #wordpress
  • Profile picture of the author David V
    You did not say how you did this (fixed the banners) or give your site url.
    There are several ways you might have done this but without knowing I'm guessing.
    What you need to do is make the sidebar float only on specific conditions.
    So for example someone scrolls, it hits the top of the viewport, sticks, keep scrolling.... it hits a point where it doesn't stick and overlap the footer.
    This is going to be done with javascript and css.

    There are some plugins out there to do this but most haven't been updated in years.
    The only one I know that's been updated recently is the Theia Sticky Sidebar which can be found on codecanyon.net

    Here's a short tutorial that accomplishes what your trying to do.
    {{ DiscussionBoard.errors[10426089].message }}
    • Profile picture of the author [Justin]
      Originally Posted by David V View Post

      You did not say how you did this (fixed the banners) or give your site url.
      There are several ways you might have done this but without knowing I'm guessing.
      What you need to do is make the sidebar float only on specific conditions.
      So for example someone scrolls, it hits the top of the viewport, sticks, keep scrolling.... it hits a point where it doesn't stick and overlap the footer.
      This is going to be done with javascript and css.

      There are some plugins out there to do this but most haven't been updated in years.
      The only one I know that's been updated recently is the Theia Sticky Sidebar which can be found on codecanyon.net

      Here's a short tutorial that accomplishes what your trying to do.
      That tutorial is exactly what I'm talking about thanks but I'm using word press so all that coding and stuff is way above my head.
      {{ DiscussionBoard.errors[10426116].message }}
      • Profile picture of the author [Justin]
        I figured it out no coding or anything necessary for anyone else running into this problem in wordpress.

        I just went to appearance -> fixed widget options (or something like that) and then the bottom margin was at zero, and I just raised it until my ads stop exactly where I want them to, like mm precision.

        My site looks PERFECT now I love it! Looks like I paid thousands for it. That's the power of wordpress + my main theme/plugin.
        {{ DiscussionBoard.errors[10431618].message }}

Trending Topics