How do I put my sharing buttons on top of my posts instead of the bottom?

• 

  spurim · Member · Jun 13, 2016 at 4:43 am

  • Copy link
  • Add topic to favorites

  Thank you in advance for your help with this matter. I would really like some help to make all the sharing/social buttons I have on the bottom of my post show up on the top instead. How could I do that?

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

• 

  carladoria · Member · Jun 13, 2016 at 9:25 pm

  • Copy link

  Hi,
  I can already see your sharing posts on top of your posts. Did you already solve this?

• 

  spurim · Member · Jun 13, 2016 at 11:03 pm

  • Copy link

  Yes, I found another thread that had the CSS for this and I could manage to make it work. But even though in my computer the placement of the icons seem to be good, I heard that on some other people’s computer it actually overlaps with the headline. Could you please check if this happens to you and if I need to adjust the CSS so this does not happen?

• 

  carladoria · Member · Jun 14, 2016 at 12:41 am

  • Copy link

  When I see it with the screen maximized, it doesn’t happen, but when I minimize it overlaps, which could mean that the issue is with the screen size people see their browsers. I suggest you use this CSS (it’s similar to the one you probably used for repositioning your buttons, but it includes @media queries which help you adapt to different sizes)

  @media screen and (max-width: 860px)
  .main .sharedaddy div.sharedaddy .sd-block {
      right: auto;
      position: absolute;
      padding: 0;
      top: -50px;
      right: 0;
  }