Social Icons invisible anywhere I add them

I'm fairly new to square space and I have found most of my issues resolved easily through this forum. I noticed while trying to apply social links to my header, body, and or footer I was getting the same result. I tried to clear my cache, remove all extensions, and even make sure my browser was up to date. No matter what I do though the icons are still not visible. I am able to click where they should be and get directed to where I want, but I cannot get the actual icon itself to appear for the life of me. I'm not sure if maybe I just have some old custom code that is interfering with the icon display or what it may be but I cannot pinpoint anything. If anyone could point me in the right direction that would be great.

Can you share your website URL?

Sorry for the late response. Here is the URL to the specific page I have the social icons on at the moment. https://peakvisionclinic.com/contact-us

I suspect your Main Color has been set to white.

Let us know how it goes.

On 8/14/2023 at 4:58 PM, creedon said:

I suspect your Main Color has been set to white.

Let us know how it goes.

I wish it was! I had no idea that drop down was even there. I went through and double checked but the secondary color is definitely set to black. I even tried a few other colors just to see if something would show on the posted site. Unfortunately for some reason as soon as I close out the editor it reverts back to blank circles instead of the color I have chosen.

Here is an example of what I am seeing on my end. As long as I am in the editing screen on ss I am able to see the icons. As soon as I exit the editing menu though they display just like the live site on the right without the logos. 

It worked! Thank you for the help and the in-detail response.