Problem with Jetpack sharing button

  • Resolved LynneM

    (@lynnem)


    9 years, 6 months ago

    Hi –

    I’m using the Jetpack sharing button plugin with the Sugar & Spice theme. The button shows a dropdown list right below the button, as it should, on the configuration page. But on the site, when i hover over the button the dropdown list appears at the top of the page.

    To see what’s happening, go to goodieboxes.net and hover over the Share button under the first post.

    I’m using this button on another site with a different theme with no issues.

    Thanks very much for any help you can provide –

    Lynne

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

  • Hello Lynne,

    It looks like this should be fairly simple to fix. In Jetpack’s CSS file, it’s telling that element to have absolute positioning along with some inline rules to line it up at the top of the page. By overriding the position: absolute; rule with position: static; you should be good.

    Try adding the following to your custom CSS:

    div.sd-content div.sharing-hidden div.inner { position: static; }

    Let me know if this works. Alternately you can try:

    .sharing-hidden .inner {position: static !important; }

    But I really don’t like using !important unless it’s absolutely necessary.

    I hope this is helpful.

    Thread Starter LynneM

    (@lynnem)

    That fixed it, thank you so much!

    Glad I could help. Be sure to mark the topic as resolved so that others know a solution has been found.

    Cheers.

    Thread Starter LynneM

    (@lynnem)

    Oops, sorry, I just did that. Thanks again!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Problem with Jetpack sharing button’ is closed to new replies.