Addthis Facebook like button cut off and can't share - Addthis tech involved
Permalink Browser Info Environment
Hi Chris,
I have had quite a few back and forth conversations with the Addthis tech support group about an issue I'm having.
On this page:
http://www.pentictonfoundry.com/about-us/resources/case-study-innov...
I have the Addthis widget implemented on the bottom of the page. When you click 'Like' the box is cut off and you can't not submit a comment to Facebook.
The other pages where I have the same code implemented, I have just moved it all up to the top of the page like this and it works fine.
http://www.pentictonfoundry.com/about-us/resources/case-study-desig...
The Addthis team has given me the following message:
"Hi Natasha,
After taking a look at your page this seems to be a conflict between your CSS and the AddThis CSS. For example, if I use the web inspector tools to eliminate the padding around the main area of the page I get this:http://i.imgur.com/pk9yAov.png
Have your web developer take a look at the CSS and see if there's a way to bring the iframe containing the Facebook Like button above the other elements of your page."
The Google+ button does not have an issue, so I'm not sure where I'm supposed resolve the problem.
Please let me know your thoughts when you have a chance if you can.
Thanks again
Cheers
I have had quite a few back and forth conversations with the Addthis tech support group about an issue I'm having.
On this page:
http://www.pentictonfoundry.com/about-us/resources/case-study-innov...
I have the Addthis widget implemented on the bottom of the page. When you click 'Like' the box is cut off and you can't not submit a comment to Facebook.
The other pages where I have the same code implemented, I have just moved it all up to the top of the page like this and it works fine.
http://www.pentictonfoundry.com/about-us/resources/case-study-desig...
The Addthis team has given me the following message:
"Hi Natasha,
After taking a look at your page this seems to be a conflict between your CSS and the AddThis CSS. For example, if I use the web inspector tools to eliminate the padding around the main area of the page I get this:http://i.imgur.com/pk9yAov.png
Have your web developer take a look at the CSS and see if there's a way to bring the iframe containing the Facebook Like button above the other elements of your page."
The Google+ button does not have an issue, so I'm not sure where I'm supposed resolve the problem.
Please let me know your thoughts when you have a chance if you can.
Thanks again
Cheers
Type: | Discussion |
---|---|
Status: | In Progress |
It's because divs with the class .row are set to overflow:hidden. You can remove that from .row in the theme's main.css file, but it might have a negative affect on column layouts. Try it and see. It might be fine.
Hi Chris,
Thank you for the reply. I have moved the Addthis css to the top of the page. Google+ and LinkedIn go over top so I don't want to mess with it all just for Facebook just in case :)
Thanks again!
Cheers
Thank you for the reply. I have moved the Addthis css to the top of the page. Google+ and LinkedIn go over top so I don't want to mess with it all just for Facebook just in case :)
Thanks again!
Cheers
You're welcome