Jump to content

Mobile view social link images not loading

Recommended Posts

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

Link to comment
  • 11 months later...
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!)

Link to comment

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

 

Link to comment

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.