AddThis plugin not displaying properly

Hi Steve,

Please try the following custom CSS:

.sticky .addthis_button_facebook_like, .sticky .addthis_button_tweet, .sticky .addthis_button_pinterest_pinit, .sticky .addthis_counter
{
display: inline-block;
float: none;
}
.sticky .addthis_button_facebook_like, .sticky .addthis_button_tweet
{
vertical-align: top;
}

@addthis_matt thanks for the reply

Hi Steve,

Sorry for the late reply.
I took a look at the website and tried the plugin at my end.
Can you please let me know the plugin settings that have been used to insert the social icons ?
I was wondering if they were added manually, maybe we could alter the HTML structure and try again.

Thanks

Hi Steve,

Thanks for sharing the plugin options. But I could not replicate the exact HTML structure as present on the website.
Some of the methods to bring the icons on the next line may be as follows:
1. Modifying HTML and adding a <div>
2. You can refer : http://stackoverflow.com/questions/10000674/make-an-a-tag-move-onto-a-new-line-without-using-displayblock

Hope this helps.
Thanks.

Hi Steve,

I checked once again, but like I said earlier, I could not exactly replicate the issue. Since your site is using child theme, it has been customized. Hence the structure is slightly different.
The only other option I can currently think of is adding a <div> tag instead of <p> tag.
Can you please try adding <div> tag ?

Regards,
CyberChimps

Hi,

I guess may be you can try adding the <div> tags in the same place where you tried adding the <p> tags (as mentioned in your previous post)

Thanks.