Works on Firefox and IE, not on Chrome

Hi Sharon,

Your site looks good: the favicons are declared in the HTML code as expected, pictures are accessible…

So what’s wrong? Apparently, you are using a plugin that adds body-related markups to the head section of your pages:

<div id=”fb-root”></div>

When Chrome encounters this code, it assumes the head section should be closed. Later, when it finds the favicon declarations (supposed to be in the header), it ignores them, since it considers the header to be over. Other browsers are more flexible regarding this point, this is why Chrome is the only impacted browser.

I’m afraid there is nothing I can do about this. The plugin works correctly, but your HTML is invalid because of another plugin. Maybe this is https://www.ads-software.com/plugins/facebook-lightbox-comments/ ?

Another user faced the exact same issue. He fixed it by disabling Facebook Lightbox comments. See https://www.ads-software.com/support/topic/favicon-does-not-load-on-child-theme for more details.

Does this help?

I also submitted an issue to the support of this plugin:

https://www.ads-software.com/support/topic/div-added-to-the-header

Hi – Thanks so much for your help. I looked at the page source and the culprit was the “Facebook Page Plugin (Likebox)” plugin which I recently added to the site. I just deactivated it and the favicon has reappeared. I’ll find some other way to show the Facebook page on the site. Thanks again!

You’re welcome!! Thank you for letting me know and for closing the ticket.