Jump to content

Mobile view social link images not loading

Recommended Posts

Posted

Hi, 

 

I am putting in social links that connect my company's platforms (Instagram/Tiktok/Snapchat). The image icons are appearing on the desktop view BUT in the MOBILE view they are the generic "LINK" image. I used the code below. What code do I need to get the icons to attach to the drop down window in MOBILE view?

 

THANK YOU!

 

Header

 

.sqs-svg-icon--list a:nth-of-type(2) { svg {  display:none;  }  background-image: url(https://static1.squarespace.com/static/5fbeaab360f2895dc1da2707/t/602fd6f850006145e3121972/1613747961030/tiktok.png);  background-size: 100%;  background-repeat: no-repeat;  }


.sqs-svg-icon--list a:nth-of-type(3) { svg {  display:none;  }  background-image: url(https://static1.squarespace.com/static/5fbeaab360f2895dc1da2707/t/602f1c1a27e16913fb477b8b/1613700123028/5a4e30612da5ad73df7efe71.png);  background-size: 100%;  background-repeat: no-repeat;  }

Footer


@media only screen and (min-width:640px) {  .icon--fill:nth-of-type(2) { svg { display:none; }  background-image: url(https://static1.squarespace.com/static/5fbeaab360f2895dc1da2707/t/602fd6f850006145e3121972/1613747961030/tiktok.png);  background-size: 100%; }  }


@media only screen and (min-width:640px) {  .icon--fill:nth-of-type(3) { svg { display:none; }  background-image: url(https://static1.squarespace.com/static/5fbeaab360f2895dc1da2707/t/602f1c1a27e16913fb477b8b/1613700123028/5a4e30612da5ad73df7efe71.png);  background-size: 100%; }  }

Desktop.png

Mobile.png

  • 11 months later...
Posted
On 1/31/2022 at 1:25 PM, DaGiorgio said:

@tuanphan Can you help? I am trying to make my TikTok symbol work in mobile but it's only working on the desktop webapp. Many thanks!

 

Link: https://oval-leopard-zede.squarespace.com/

The site is private. Can you setup password & share url again? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted

Sorry for the late response. The URL is now public to all. When you go to the mobile site and hit the list on the top, I cannot change the icon from the default chain icon to the TikTok Icon. Thanks so much @tuanphan

On 2/3/2022 at 9:40 PM, tuanphan said:

The site is private. Can you setup password & share url again? We can check easier

 

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.