Social media icons not visible

where *they’re* supposed to be ??

Are they invisible only in particular browsers?

I’ve checked both Internet Explorer, Chrome, and the Safari browser on my phone.

Where are they supposed to be? I can see some social icons on your page and am wondering if I’m looking at the right area.

The top right of the page. There are also “Share” social media icons at the end of each post – those are visible. The ones I’m trying to fix link to my social media pages, versus ones that allow readers to share my content.

The URL to them is wrong, it should be something like:

url(/wp-content/themes/the-theme/images/example.png)

Okay, I’m fairly new to coding – would that be in my CSS Stylesheet or in my Header.php?

Did you not add the icons in your Custom CSS?
E.g.:

a.twitter {
background: transparent url(images/social-media.png) 0 0 no-repeat;
}

No, in Appearance, there is a Theme Options available. The Theme Options page has specific fields to enter your social media urls; any that you don’t fill out don’t show up. I’ve entered the ones I need (not all of them).

Clarification – I did not fill out all the available fields – only the ones I needed.

Can you check your Custom CSS and comment-out (or remove) any declaration of social media icons just to clarify the issue?

Okay, crazily enough, that worked – now I can see them! Would love to understand why that worked?

(Thank you, by the way!)

Because your custom css stylesheet doesn’t live in your theme’s directory, and so you can’t refer to the images folder like the theme currently does:

a.twitter {
background: transparent url(images/social-media.png) 0px 0 no-repeat;
}

You have to use a full path to get back into that folder instead:

a.twitter {
background: transparent url(/wp-content/themes/mon-cahier/images/social-media.png) 0px 0 no-repeat;
}

Okay, think I got it. Thanks for taking the time to explain it, and for helping me solve the problem. I appreciate it! ??