Danny Wong

Though we develop the tools, we want you to make them your very own.

For our Floated Share Buttons, we’ve enabled a feature that allows you to “offset” its position from the top of the page. By default, we’ve set it to 15% because for most websites, it looks great without any adjustments. But in some cases, the buttons may overlap an image or banner.

Offsetting your Floated Share Buttons by Shareaholic

The VERTICAL OFFSET feature will allow you to create adjustments in the height from the top of the page by percentage (%) or pixel.

  • Percentage is based on the height from the top of the website’s page. Depending on how tall your browser is, if the adjustments are made at 50%, the buttons will appear at the half way point of the page. It’s a responsive setting, which makes it the recommended way to adjust your floating share buttons.
  • Pixel is based on exact height, which means the buttons will remain static to the page regardless of how tall your browser is.

How to adjust the vertical offset

  1. Sign-in to your Shareaholic account.
  2. From the Site Tools section, click the Settings Icon icon for Floated Share Buttons to be directed to the editing page.
  3. From the VERTICAL OFFSET field, you’ll notice that the default settings are at 15%. Based on your personal preferences, you can create the adjustments here.
  4. Click Save Settings and voila!

Offsetting Shareaholic floated share buttons

Like what you see? Jump into your site settings and customize your own vertical offset.

Have any comments, questions or suggestions? Let us know below or contact us directly at support@shareaholic.com.

22 Responses to “How to Customize the Positioning of Floated Share Buttons”

  1. Chef LeeZ says:

    Chef LeeZ Thai cooking school Bangkok is totally satisfied with the functionality of Shareaholic default settings. However when both Shareaholic and Schema code are together on a Google webmaster HTML created web page the GWD Website creator program fails to function. http://wp.me/p4d8yf-16. Does Sharaholic have suggestions to fix this problem?

    • maryannerodis says:

      Hi there! Thanks for the helpful information. This is the first time I’ve heard of the conflicting issue between Shareaholic and Schema on GWD, but I’m going to have my dev team look into this more to see what’s going on. Do you mind sending me a quick e-mail (maryanne@shareaholic.com) so I can follow up with you quicker? Thanks again! -Mary Anne

  2. mickeymouse says:

    Viola is an instrument. Thanks for trying :)

  3. Filippo Carlassara says:

    great, now I try to move to the side, I hope it is as easy as you have explained

  4. Dušan Blaho says:

    Floating Buttons work great on most of the browsers on my site http://www.cajovnazarohom.sk, however I cannot make it work on IE, and it is not showing on mobile phones either. Is there a way to fix this? Thank you very much.

    • maryannerodis says:

      Hi Dusan,

      Thanks for the information! We’ve disabled Floated Share Buttons to work on mobile because it would overlap the text when trying to read content. Since the Floated Share Buttons “float” and don’t wrap around the text, it made very little sense to for us to keep this feature for mobile. As for the IE issue, please make sure you have the latest version of the IE browser. Once you’ve verified that you do have the latest version, please clear your browser’s cache. Here’s a simple guide on how to do that if you don’t know how. It’s very easy:


      If that doesn’t help, let me know and I’ll look into the issue further with my dev team. Thanks for your help!

      Mary Anne Rodis
      Happiness Engineer for Shareaholic

      • Dušan Blaho says:

        Thank you Mary Anne for your quick response. It does make sense to disable the floating bar on mobiles. I just got an idea though, how about deafaulting to horizontal bar when the floating one is disabled? Keep up the good work:-)

        • Danny Wong says:

          Hey Dusan, That’s a great suggestion. We’ve discussed that possibility and are thinking through design options for a horizontal floating bar. When we release that, we’ll post an update on the blog! Best wishes.

  5. Michelle says:

    Hey guys,
    Is there a way to make the share buttons link to only the homepage? I’m using WordPress and a scrolling one-page theme using Widgets. I was able to get the share buttons on my page by inserting it into my header, but if I click on it it links to a blog post.

    • Hi Michelle, I can help you out with this. Also, if you enable Floated Share Buttons on your site, it will automatically appear on your homepage. Do you mind sending me the URL to your website so I can take a look at what you’re trying to do? I’d like to see the header where you’re inserting the share buttons. Thanks!

  6. Sarah says:

    hi guys,

    is there a way for the floating share banner to not appear on the home page, but instead on posts and pages only? if you click the floating banner on the home page, it doesn’t select any particular post and just ends up sharing the page… please let me know!

  7. How do we customize the actual images used for the social icons? Like if I wanted to use a custom facebook/twitter/pinterest button, how do I add that to Shareaholic?

    • cseher says:

      Hello there,

      Officially speaking, this may be a possibility to implement, but because it is almost impossible to support/ensure functionality once that level of customization is in place, we do not currently offer a feature that allows this. I am sorry for any inconvenience!

      Thank you,

    • Jay says:

      afroniquely, is there a style you’re specifically looking for? Let us know and just maybe we’ll add it as an official theme!

  8. cseher says:


    Below here is the link to our help document that allows you to make several adjustments to the configuration of our floating share buttons. That being said, settings will be applied across your site, as opposed to individual locations.


    Hope this helps!

  9. Debraj Rakshit says:

    Hi Guys, What is the way to place static social sharing icons above the featured image?

  10. janksreviews says:

    Is there a way to make the floating share bar stop from hitting the site’s footer?

Leave a Reply

Get priority access to our new Site Monetization platform today!