Change where widget footer area is on my page

  • Unknown's avatar

    I made a wigdet where people can follow my blog. Right now that is placed below:
    -Sharing
    -Likes,
    -Other blog posts.

    Basically I like the widget to be right below my blog post. Is that possible?

    Thanks!!!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi there, this is problematic since we have to use position: absolute; in order to move the widget up into the content area. When we do that, the widget effectively floats free over the top of the other content in the page and loses its relationship to all other elements on the page. A second issue is that the Likes section is not a static height, and if you get a lot of Likes on a post, the gravatars for those who like will cause that section to grow vertically causing misalignment of the relocated follow blog widget. This is compounded when screen/browser windows get narrower.

    You can give the following a try, but make sure and narrow and widen your browser window and view your site on a phone, and also on a tablet if you can to see what happens. Also, view a number of posts and pages. At around 990px in window width, the follow button rides up and over the bottom paragraph on the Measuring Portfolio Performance… post.

    .site-footer-widgets {
        position: inherit;
    }
    #blog_subscription-5 {
        position: absolute;
        bottom: 765px;
    }
    div.sharedaddy {
        padding-top: 50px;
    }
    @media screen and (min-width: 769px) and (max-width: 990px) {
    	#blog_subscription-5 {
    		bottom: 665px;
    	}
    }

    Horizontal alignment is also messy and from what I can see will require about 3 Media Queries. Let me know what you think and we can go from there.

  • Unknown's avatar

    Oh yeah, and also if you have any posts where you are going to allow comments, that will cause the above to blow up completely and I would not recommend it at all.

  • Unknown's avatar

    Thanks for telling me!

  • Unknown's avatar
  • The topic ‘Change where widget footer area is on my page’ is closed to new replies.