lindsayreed29 Posted February 19, 2021 Posted February 19, 2021 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%; } }
tuanphan Posted February 22, 2021 Posted February 22, 2021 Hi. Can you share site url? We can help 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!)
DaGiorgio Posted January 31, 2022 Posted January 31, 2022 @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/
tuanphan Posted February 4, 2022 Posted February 4, 2022 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 DaGiorgio 1 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!)
DaGiorgio Posted February 8, 2022 Posted February 8, 2022 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
DaGiorgio Posted February 8, 2022 Posted February 8, 2022 @tuanphan The issue has been resolved after further investigation. Thanks for your help. tuanphan 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment