Jump to content

Custom Social Link disappeared

Recommended Posts

Posted

Hello!

I am using code to create a custom social link for the 5th icon on both header and footer. It was working fine and now has just disappeared. It's still working in my header, but not in my footer. Its not working in my mobile nav menu either.

This is the code I am using:

@media only screen and (min-width:640px) { 
  .header-actions-action--social .icon--fill:nth-of-type(5) {
    svg {
      display:none;
    }    
    background-image: url(https://static1.squarespace.com/static/66a5c2e618084e6c948d6846/t/66aa7e7974f7ac4b6df91c07/1722449529859/Untitled+design+-+2024-07-31T141127.194.png);    
    background-size: 100%;    
    background-repeat: no-repeat;  
  } 
}  
.header-menu-actions-action:nth-of-type(5) {    
  svg { 
    display:none;    
  }    
  background-image: url(https://static1.squarespace.com/static/66a5c2e618084e6c948d6846/t/66aa7e7974f7ac4b6df91c07/1722449529859/Untitled+design+-+2024-07-31T141127.194.png);    
  background-size: 100%;    
  background-repeat: no-repeat;  
}

.sqs-svg-icon--list a:nth-of-type(5) {
  svg {      
    display:none;   
  }   
  background-image: url(https://static1.squarespace.com/static/66a5c2e618084e6c948d6846/t/66aa8080acfac50e751e550b/1723467141302/Untitled+design+-+2024-07-31T141351.753.png);   
  background-size: 110%;   
  background-repeat: no-repeat; 
}
 

Site url: https://ranunculus-bagpipe-glne.squarespace.com/home

  • Replies 3
  • Views 962
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted
51 minutes ago, hanweathers said:

Hello!

I am using code to create a custom social link for the 5th icon on both header and footer. It was working fine and now has just disappeared. It's still working in my header, but not in my footer. Its not working in my mobile nav menu either.

This is the code I am using:

@media only screen and (min-width:640px) { 
  .header-actions-action--social .icon--fill:nth-of-type(5) {
    svg {
      display:none;
    }    
    background-image: url(https://static1.squarespace.com/static/66a5c2e618084e6c948d6846/t/66aa7e7974f7ac4b6df91c07/1722449529859/Untitled+design+-+2024-07-31T141127.194.png);    
    background-size: 100%;    
    background-repeat: no-repeat;  
  } 
}  
.header-menu-actions-action:nth-of-type(5) {    
  svg { 
    display:none;    
  }    
  background-image: url(https://static1.squarespace.com/static/66a5c2e618084e6c948d6846/t/66aa7e7974f7ac4b6df91c07/1722449529859/Untitled+design+-+2024-07-31T141127.194.png);    
  background-size: 100%;    
  background-repeat: no-repeat;  
}

.sqs-svg-icon--list a:nth-of-type(5) {
  svg {      
    display:none;   
  }   
  background-image: url(https://static1.squarespace.com/static/66a5c2e618084e6c948d6846/t/66aa8080acfac50e751e550b/1723467141302/Untitled+design+-+2024-07-31T141351.753.png);   
  background-size: 110%;   
  background-repeat: no-repeat; 
}
 

Site url: https://ranunculus-bagpipe-glne.squarespace.com/home

what is your site-wide password?

Press 👍  or mark my comment as solution if you find my sharing useful

🆒 Squarespace pinchzoom lightbox plugin (affiliate link)

👁‍🗨 360 degree photo viewer (affiliate link)

📑 Squarespace embed PDF popup (affiliate link)

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.