• Sambuno

    (@goldmaverick)


    On my website at https://www.sambuno.com, the AddThis element appears behind images and content. The documentation states that it is AMP compatible, however it is behaving poorly with AMP.

    Please advise.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Elsa

    (@elsaaddthis)

    Hi there,

    It looks like a CSS conflict. You just need to embed the below code in to the source code to fix the issue:

    <style type=”text/css”>
    amp-addthis.i-amphtml-layout-responsive.i-amphtml-layout-size-defined.i-amphtml-element.i-amphtml-layout {
    z-index: 9999 !important;
    }
    </style>

    Thread Starter Sambuno

    (@goldmaverick)

    Hi Elsa,

    Thank you for responding.

    I added the code but if you hover your mouse over it there are still some noticeable issues. Please try.

    It is as though there are two addthis elements on my site. And the last icon warps when I hover my mouse over it

    Thread Starter Sambuno

    (@goldmaverick)

    The issue with the icons appearing behind images also persists

    Thread Starter Sambuno

    (@goldmaverick)

    I added the code to the ‘additional css’ customizer facet of wordpress. Should I add it elsewhere?

    Thread Starter Sambuno

    (@goldmaverick)

    AMP CSS did does allow >> !important

    Thread Starter Sambuno

    (@goldmaverick)

    AMP CSS does NOT allow >> !important

    Please advise

    Thread Starter Sambuno

    (@goldmaverick)

    I deleted the plugin due the this issue with the share element rendering behind the images and text on my AMP website.

    I sent a screencast to support, but they don’t have any timeline on engaging the issue.

    At any rate, thanks for your help. I’ll investigate another path.

    • This reply was modified 4 years, 5 months ago by Sambuno. Reason: Making a correction
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘AddThis AMP incompatibility’ is closed to new replies.