Custom social share buttons not showing on published site

Design help Custom code
2

I don’t think your anchor link is displaying as there’s nothing set between the <a></a>. You can see here that it has dimensions of 0x0:

image
image1067×428 40.4 KB


Try inserting <img src="https://uploads-ssl.webflow.com/5f987876b842137433c247de/5ff143d28f7605009344848a_Social%20share%20icons.png"> between the anchor tags.

So the code in the embed would be this (please note that I have removed target="_blank" as well):

<a class="Social-Share-FB"  href="javascript:fbshareCurrentPage()" alt="Share on Facebook"><img src="https://uploads-ssl.webflow.com/5f987876b842137433c247de/5ff143d28f7605009344848a_Social%20share%20icons.png"></a>

<script language="javascript">
    function fbshareCurrentPage()
    {window.open("https://www.facebook.com/sharer/sharer.php?u="+escape(window.location.href)+"&t="+document.title, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false; }
</script>

Here’s a project that I created to test this, you can see that it works: https://social-sharer-test.webflow.io/

Share link: https://preview.webflow.com/preview/social-sharer-test?utm_medium=preview_link&utm_source=designer&utm_content=social-sharer-test&preview=8cebff8864a99c814faae2437a1aa9df&mode=preview


I think we’ve spoken before - just had a glance at the rest of your site and recognised OutWhere. Hello! :grin: