0

I am trying to create a Twitter Share button in my Website. My code is like below

<li>
    <a href="{! $request->url() !}" class="twitter-share-button" data-size="large">Tweet</a>
    <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</li>

I am getting output like below

enter image description here

I found Twitter button is placed little upside. If I remove the JS file <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> then it is placed perfectly.

I searched a lot in Google but did not get any solution.

Do you know what is the solution ?

abu abu
  • 6,599
  • 19
  • 74
  • 131
  • 1
    Sounds like a rendering issue which is browser-specific. Perhaps the script tag is showing some kind of proportion, which is offsetting the nearby twitter-link – admcfajn Oct 05 '19 at 03:35
  • Thanks @admcfajn. What is the solution ? – abu abu Oct 05 '19 at 03:38
  • @admcfajn, I tried with CSS but could not find any solution. Do you have any tutorial to create Social Share button ? – abu abu Oct 05 '19 at 03:39

0 Answers0