Attaching secure note with examples. Social icon in header builder in pro looks great in preview, completely screwed up in actual site when deployed.
And honestly, I wish we could just have a normal social icon with a white background behind say the Facebook icon. No ‘border’ around it, but that doesn’t seem possible with the Pro social icon. Seems like no matter what it has to have a background, and that the background doesn’t line up vertically.
Hi @flacnvinyl,
Thanks for writing in!
There is no such issue that you have reported above with the builder. There might be something going on your setup.
I can see the social icon looks like the screenshot attached here.

If you can give a screenshot of what exactly look you want to achieve with the social icon so that we can suggest you better.
Regarding the border issue, that comes from the background, if you set the background transparent the border shouldn’t come. I certainly understand there might be some limitation in the editor to achieve certain design but we can achieve anything via custom CSS.
Please let us know what exact look you want to achieve so that we can try to help you.
Thanks
see secure note
Hi there,
To make the social icon borderless. please follow the step.
- Remove the background by making it transparent, as I mentioned before.


- Then remove the box shadow.

Hope that helps!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.