AddThis AMP incompatibility

Sambuno
(@goldmaverick)

6 years, 1 month ago

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)

6 years, 1 month ago

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)

6 years, 1 month ago

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)

6 years, 1 month ago

The issue with the icons appearing behind images also persists

Thread Starter Sambuno
(@goldmaverick)

6 years, 1 month ago

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

Thread Starter Sambuno
(@goldmaverick)

6 years, 1 month ago

AMP CSS did does allow >> !important

Thread Starter Sambuno
(@goldmaverick)

6 years, 1 month ago

AMP CSS does NOT allow >> !important

Please advise
Thread Starter Sambuno
(@goldmaverick)

6 years ago
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 6 years 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.