Phone number social icon in header won't work once icon is customized

Site URL: https://www.longevitycollective.com/

I want to add my phone number as a social link in my nav bar with a custom social icon. The phone number worked before I customized the icon using Custom CSS in the Design tab (I changed it from a link icon to a phone icon). How do I make the link work again? 

@media only screen and (min-width:640px) { 
  .icon--fill:nth-of-type(1) {
    svg {
      display:none;
    }    
    background-image: url(https://static1.squarespace.com/static/5f36d4af8e875e5e656a5141/t/610d8c78b6c78c0c2e56a9c8/1628277880548/phone-icon.png);    
    background-size: 100%;    
    background-repeat: no-repeat;  
  } 
}  
.header-menu-actions-action:nth-of-type(1) {    
  svg { 
    display:none;    
  }    
  background-image: url(https://static1.squarespace.com/static/5f36d4af8e875e5e656a5141/t/610d8c78b6c78c0c2e56a9c8/1628277880548/phone-icon.png);    
  background-size: 100%;    
  background-repeat: no-repeat;  
}

I don't think it's your CSS that's doing this. just looks like your tel URL has been changed. the link is pointing to http://tel:+0xxxxx, so you've got multiple protocols. 

Go into the Social Links part of your settings and check the profile and make sure its just tel:0xxxx. You can do that from the Settings menu or by editing an existing Social icons block.

EDIT: I've noticed that if you do this through the Settings menu, Squarespace will not like it and try to add http:// in front of it. perhaps this is where your problem arose. It seems to be much happier to accept the tel: protocol if you edit if via a Social Links block. I'd do it that way 

Hi @iamdavehart! Thank you for your response. It still isn't working for some reason, even though the phone number was working elsewhere on the website. I ended up doing something else instead. Thanks anyway!

On 8/13/2021 at 1:03 AM, afabella said:

Hi @iamdavehart! Thank you for your response. It still isn't working for some reason, even though the phone number was working elsewhere on the website. I ended up doing something else instead. Thanks anyway!

Hi. DO you still need help?

On 8/14/2021 at 5:36 PM, tuanphan said:

Hi. DO you still need help?

Hi @tuanphan

I am struggling with this same issue. When I enter the telephone number to the social icons in the main nav, Squarespace adds http:// in front.

Site URL: https://www.covepetvet.com/

On 6/6/2022 at 10:11 PM, jstrous said:

Hi @tuanphan

I am struggling with this same issue. When I enter the telephone number to the social icons in the main nav, Squarespace adds http:// in front.

Site URL: https://www.covepetvet.com/

See this answer

https://forum.squarespace.com/topic/201921-phone-number-social-icon-in-header-wont-work-once-icon-is-customized/?do=findComment&comment=486915