hanweathers Posted August 19 Posted August 19 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
HoaLT Posted August 19 Posted August 19 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)
hanweathers Posted August 19 Author Posted August 19 1 hour ago, HoaLT said: what is your site-wide password? brittnicole
tuanphan Posted August 22 Posted August 22 add !important to the code, it should work 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment