WordPress.org

Ready to get started?Download WordPress

Forums

horizontal floating sharebar (6 posts)

  1. shivaji
    Member
    Posted 2 years ago #

    I wonder how to do make a horizontal floating sharebar on top of the post? Thise social bookmarks icons will float on top of post when we scroll down.

    I am looking for something like what this site achieved http://www.omgubuntu.co.uk/2011/12/ubuntu-12-04-development-update-8/

    Does this site use this plugin? any help?

  2. ChristiNi
    Member
    Posted 2 years ago #

    Hi shivaji,

    There are several plugins for adding social share bars to your site. Most of them seem to do a sidebar instead of above the posts, but I did find one that looks like it adds the share bar above the posts:

    http://wordpress.org/extend/plugins/simple-social-bar/screenshots/

    Hope this helps!

  3. shivaji
    Member
    Posted 2 years ago #

    Hello Christi:

    Thanks for referring me to the plugin but it simply do not work. I also installed http://wordpress.org/extend/plugins/sharebar/ but the horizontal bar doesn't follows you down the page for sharing your posts.

    Shivaji

  4. ChristiNi
    Member
    Posted 2 years ago #

    Hello shivaji,

    I'm sorry that plugin didn't work for you. If I'm understanding you correctly, you want a bar that has fixed position so that as you scroll down the page, the bar is still in the viewing area of the browser. This can be controlled with CSS. I took a look at the FAQ for the plugin you installed and the author has a few suggestions about that:

    http://wordpress.org/extend/plugins/sharebar/faq/

    • Check the source of your page. If the sharebar is not in the page source, there is a problem with the plugin settings or implementation.
    • If it is in the source, the issue is most likely in the CSS style sheet. make sure the parent container element of the post (or the post element itself) does not have the overflow:hidden; CSS property applied to it, as it may sometimes render the sharebar invisible.

    If you're not familiar with CSS positioning, this can help to explain it a little more:

    http://www.barelyfitz.com/screencast/html-training/css/positioning/

    Hope this helps!

  5. shivaji
    Member
    Posted 2 years ago #

    Hi Christi:

    Thanks again for your reply.

    What I found is that Sharebar plugin is mainly used for Vertical Floating social Bookmarking. If we define browser max width to 1000px and if browser is below that range, the Vertical Bar change automatically to Horizontal bar just on top of Post. This is working, but it is not floating, ie, as I scroll down the page, the bar hides, rather then still in the viewing area of the browser.

    Shivaji

  6. ChristiNi
    Member
    Posted 2 years ago #

    Hello again shivaji,

    I would recommend taking a look at the CSS that controls the horizontal bar and changing the CSS as you want (following the positioning instructions provided previously). The Firebug plugin with either Firefox or Chrome is a great way to pinpoint the CSS that is controlling elements on a page.

    I would caution that making the horizontal bar fixed may not be user friendly as it would cover parts of the post as people scroll down the page.

    Hope this helps!

Topic Closed

This topic has been closed to new replies.

About this Topic