Social Sharing Buttons

Home Forums Automattic Newsy Social Sharing Buttons

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #110086 Resolve

    Nancy Thomson

    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
    #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.

    #146489

    Nancy Thomson

    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.

    #146490

    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. :)

    #146492

    Nancy Thomson

    Thank you!

    That fixed it!!

    #146494

    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

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

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