How can I remove social media icons from the header?

Store Design
1

Hello,
Can anyone explain how I can remove the social media icons on the header in desktop view? I only want it to appear at the footer.

2

@BettyslChan - open header settings in customize settings and check if you have an option to do it, else can be done via css… can you share the site link?

3

Hello @BettyslChan ,

With media query you can do this.
e.g.

@media screen and (min-width: 768px) {
.socialicons-classname{
display: none
}
}

Just replace socialicons-classname with the real class name you have.

Thanks

4

Thank you for taking time to answer. Where can I find this on CSS? I’ve typed those related words but nothing appears.

5

Thank you for taking the time to answer. I’ve checked and I do not have the option to remove it in the header setting.

Here is the link.

6

Hello @Guleria

I’ve tried it. However, the social media icons are still there.

7

@BettyslChan strange but this method always working for me.
btw in your case it should be:

@media screen and (min-width: 768px) {
 .header-social-desktop {
    display: none;
}
}
1 Like
8

Thank you. I tried again but the icons still appear.

9

I finally managed to remove it. Thank you so much.