Remove Floating Share Bar

  • I have done everything I can think of and looked everywhere to try and remove this floating share bar on my blog posts. It gets in the way and blocks out part of the posts. I am using the sharing tools found in the WP Jetpack.

    Anyone have any ideas on how to get rid of this thing? I’ve tried using different sharing plugins but the damn this is there no matter what I use.

    Look here, it should appear on the left side of the page.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Jordenp23,

    That is kind of tricky one.

    Usually it would be easy to remove it with CSS but this div doesn’t have any class or id.

    Anyway with the fallowing CSS you should be able to get rid of it:

    body.single  > div:nth-of-type(1){
   display: none !important;
}

    There is few things that you need to take in consideration here.

    1st You need to use either child theme because it is not recommended to edit the theme. Or you can use a plugin like Simple Custom CSS

    2nd Since the div doesn’t offer any easy way to be styled/removed, what the above code will do is to look for the first child element in the first div in single template.

    That means that if for some reason you HTML structure changes, the above code will going to hide some other div, it might even hide your whole page!
    So please use it with caution.

    Also I haven’t tested this everywhere on your site, so there might be some problems on some templates I haven’t saw.

    Test it, and let me know if you have some problems with it, for example hiding other elements, or not hiding this social bar on other pages.

    Thanks,
    Ivan

    Thread Starter Jordenp23

    (@jordenp23)

    Well, much to my shock I was able to figure out how to do all that (I’m not very good with all the technical stuff).

    But it seems to have worked. The share bar doesn’t appear on my posts anymore and it doesn’t seem to have effected anything else on my site.

    Thanks Ivan!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove Floating Share Bar’ is closed to new replies.