Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Mobile view social link images not loading


lindsayreed29

Question

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 post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

Create an account or sign in to comment

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


×
×
  • Create New...