Floating Share buttons

  • hello there
    so i’ve been cowrking on a floating vertical share bar
    it’s working but its not quite right.

    The “related posts” seem tied to the share buttons
    Can you help me?
    I only want the share buttons to float and the related posts to remain below but they keep moving together like they are joined or something

    I got the code from https://status301.net/jetpack-floating-social-sharing-buttons-how-to/

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

  • Hi there, I see you have added your own share buttons to the top right of your posts.

    When moving the jetpack sharing buttons, you would need to identify the CSS class or id associated with just the sharing button section. In this case, the following would be the basic CSS needed.

    .single div.sharedaddy .sd-block {
        position: absolute;
        top: 0;
    }
    .single .entry-content {
        position: relative;
        padding-top: 50px;
    }

    Additional styling and/or positioning will be needed if you go with this solution.

  • The topic ‘Floating Share buttons’ is closed to new replies.