Can't delete social icons

[seyabookfest]

Hi, 

I can't edit or delete the social media icons in the upper right corner of my site. 

Any suggestions?

[NJRFTF]

@seyabookfest  Url of your website?

[seyabookfest]

seyabookfest.com

[Bernadette3]

Hi @seyabookfest Did you build the site, or did someone edit it for you? The reason I ask is because the base theme for this site does not offer social media icons in the navigation area. It looks like someone added it to the theme with code. 

If you did not do this yourself, or you're not familiar with the html/css section of the theme, I recommend reaching out to the person who created the site to see if they can help you remove the code. If you accidentally edit or delete the wrong line of code you could mess up the site. 

[PaulMathews · Accepted solution]

@seyabookfest It's possible that the page header html was modified to include a custom container within which the social icons element was added. If you didn't add this and don't have familiarity with page header html, you can add some simple css to turn it off.

In the Site Editor, click Settings then SEO in the left-hand sidebar, then scroll down to the Header Code box and add the following:

<style>
#header .wsite-social {
   /* Disable the social media icons element in the site header */
    display: none;
}
</style>

[seyabookfest]

That did the trick! Thank you so much!

[klaver1]

Hi Paul,

I have the same issue removing excessive social media icons at the footer in this case. I am practicing web development with my Visual  Studio code and ran into the issue. I noticed I have more than one Facebook and instangram icon I linked from font-awesome. It all goes out if I delete the HTML, but comes back if I retype my HTML. I really don't know how to remove the excess. I wish I can attach a file for you to see how it looks on chrome.

Please, how can I delete the unwanted icons permanently without removing the desired ones?

Thanks