Customising social sharing icons acting weird

pitz · June 21, 2018, 12:45pm

Hi,

I’m following this tutorial, and everything seems to work fine, but as soon as I check the published site, the layout changes. On the designer everything looks great, so I’m not sure where the problem is. Perhaps in the custom code?

This is how it looks

This is how it should look

Below is a view link to the project.
https://preview.webflow.com/preview/taxpas?preview=fceb6b6ae882800fd523efb8f9ba477c

Thanks a lot!

StuM · June 21, 2018, 1:02pm

Paging @AlexN - see if he can take a look

AlexN · June 21, 2018, 4:45pm

Thanks for the mention @StuM.

@pitz Can you try re-publishing your site. I looks like two of the share-button-wrapper elements are outside of the social-buttons-wrapper which doesn’t match the structure in the read-only link.

Let me know if that changes anything on the published site.

pitz · June 21, 2018, 6:42pm

Thanks @StuM and @AlexN

I did re-publish a few times. The structure is correct I think, that’s why I find it odd. Seems like a bug. Any other idea how to solve it?

Thanks again

AlexN · June 21, 2018, 9:49pm

Hey @pitz

I took a closer look and noticed that you’re code is missing a few"" and closing brackets >.
Do the following for each of your custom code embeds.

1.) Wrap your class in ""

Close your link with a closing bracket. >

pitz · June 22, 2018, 5:41am

Thanks so much @AlexN! I should really develop my syntax skills Really appreciate you looking into this.

Cheers