Social Sharing Buttons

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
February 5, 2014 at 10:53 pm #110086 Resolve
Nancy Thomson
Member
A few months back, you helped me move the social sharing buttons to stay to the top left of each post. They are now at the bottom of the post. The following is the code used to do so, but it doesn’t seem to be working. How can I move the buttons to the top left again?
```
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {

#primary {
    overflow: visible;
}
.entry-content {
    position: relative;
}
.sd-block.sd-social.sd-sharing {
    border: none;
    position: absolute;
    top: -5px;
    left: -50px;
    width: 40px !important;
}
.sd-block.sd-social.sd-sharing .sd-title {
    display: none;
}

}
```
The blog I need help with is empiricistvc.com
February 6, 2014 at 9:56 pm #146488

Kathryn P.
Happiness Engineer

Hi Nancy, I don’t see any obvious reasons why that would have stopped working, although it was a fairly complex hack. ;-) I’ve asked my colleague to have a look and we’ll get back to you.

February 6, 2014 at 9:59 pm #146489

Nancy Thomson
Member

Hi Kathryn,

I’m not sure why it would have stopped working either, but I know it worked initially.

Thanks for looking into this again.

February 6, 2014 at 10:01 pm #146490
Sheri
Member
It was because one of the parent elements’ position value changed. You can change it back manually by adding the following CSS inside the @media query in your example above:
```
#main div.sharedaddy {

position: static;

}
```
That was tricky to find! Absolute positioning is an odd, odd thing sometimes. :)
February 6, 2014 at 10:05 pm #146492

Nancy Thomson
Member

Thank you!

That fixed it!!

February 6, 2014 at 10:15 pm #146494

Sheri
Member

Yay! :)

Heads up, there are some sharing button updates on the horizon. You might want to nudge them a little more to the left if you see the buttons update and they’re too close to your content after that. For example, change -50px to -60px
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Social Sharing Buttons’ is closed to new replies.