In this tutorial, we will show you how to remove the Social Icon from AMP for this follow the below steps.
If you are using any social share plugin for your website and if that plugin is not compatible with our AMP plugin then you will see some ugly design of that social share plugin in AMP like the below screenshot and if you need to remove it then you need to add the custom CSS in AMP.
Social Icon will appear like this in AMP
You can add this CSS to remove it
.amp-comment-button { display: none; }
You need to add this code in the WordPress Dashboard -> AMP option panel-> Design -> Global -> In Custom CSS add this code like below the screenshot.
- If you want to display social icon in AMP we have option to display for this follow below steps
- You will find this option in the WordPress Admin Area -> AMP option panel -> Design ->Social Sharing
- Here is the list of social share icon which we currently support – Facebook Like Button, Facebook, Twitter, GooglePlus, Email, Pinterest, LinkedIn, WhatsApp, Line, VKontakte, Odnoklassniki, Reddit, Tumblr, Telegram, Digg, StumbleUpon, Wechat, Viber, Hatena Bookmarks, Pocket, Yummly, MeWe.
- Once you enable this option social share links will be shared in AMP.
We are providing compatibility with sassy social share and AddThis Share Buttons plugins.
That’s it for this tutorial!
We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.