Why are my social media icons appearing twice on my website?

Store Design

Topic summary

  • Duplicate social media icons appear twice in the footer of musclemarts.store after adding Instagram and later TikTok; the merchant wants a quick fix.

  • After the correct URL was shared, a moderator confirmed seeing two icon sets and asked whether a Shopify or third‑party theme is being used. No theme details were provided.

  • Proposed fixes (to add at the bottom of base.css):

    1. .footer__list-social.list-social:only-child { display: none; }
    2. .footer-block–newsletter .list-social { display: none; }

  • New update: Another user trying these snippets reports they remove all social icons instead of only the duplicate set and requests alternative suggestions.

  • Notes: Code snippets are central to this thread. Which theme/section outputs the icons is unclear, which likely affects which selector should be targeted.

  • Status: No confirmed resolution; the issue remains open with a need for more targeted CSS (dependent on theme structure) or theme-specific guidance.

Summarized with AI on December 18. AI used: gpt-5.
1

https//musclemarts.store

you can see if you scroll all the way down that my social media icons show twice and i cant remove it when i added instagram it made 2 icons instead of one and later i added tiktok and did the same thing looks unprofessonial please help as quick as possible :grinning_face_with_smiling_eyes:

2

Hi, [email removed]CasimirL!

When I follow the link you’ve given here, it takes me through to a google search of many businesses with the same name - are you able to confirm your full URL please?

I can then take a look and work with you in regards to a possible solution! (If you haven’t resolved this already)

1 Like
3

i dont have facebook on my footer so i quess wrong website

https://musclemarts.store/

4

yup still a problem

https://musclemarts.store/

there :slightly_smiling_face:

5

Thank you for confirming and sending through a direct link to your store! I can see the two sets of social media icons in the footer. Are you using a Shopify Theme or a Third-Party theme for your store?

6

Hello @CasimirL

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.footer__list-social.list-social:only-child {
    display: none;
}
1 Like
7

@CasimirL , just add this code at the bottom of base.css file

.footer-block--newsletter .list-social{
  display: none;
}

If I managed to help you then don’t forget to like it and Mark it as Solution

1 Like
8

Hi, reviving this thread as I’m having the same issue but when trying to proposed solution, it removes the social media icons altogether. Any other suggestions please?