Hi,
I’ve just tested the plugin against WordPress 5.4.0 and it works. Your website favicon is configured correctly and is displayed by Firefox.
The explanation
Skip this part if you are not into tech stuff 🙂
So what is wrong? There is an unexpected amp-auto-ads markup near the top of your page, in the head section. This markup is not expected to appear here, but in the body section (see AMP docs and W3C report for your homepage). There is also a comment at the very top of the page: <!-- google_ad_section_start -->. An HTML page should definitely not start with such a comment, but with the regular <!DOCTYPE html> ... HTML lingo.
How can this affect your favicon? Chrome has a particular behavior when it encounters non-head markups in head: it considers the head to be close and read the following markups as if they were in the body. And the favicon relies on link markups, that should be in the head. They physically are, but for Chrome, this is as if they were in the body. Finally, http://www.africanada.com/favicon.ico is the default WordPress icon. Chrome loads it by convention, because it couldn’t find anything else.
Because Firefox does not handle non-head markups the same way, it displays your favicon as expected.
What to do next
The long, hard way: The issue about amp-auto-ads must be because of a plugin you have installed. Find it and report the issue to its author. Give a link to this answer.
The short, easy way: relative to your WordPress root directory, copy the file /wp-content/uploads/fbrfg/favicon.ico (your favicon created with RealFaviconGenerator) to overwrite /favicon.ico (which currently contains the WordPress logo).
Hope that helps!
Regards,
Philippe
found /wp-content/uploads/fbrfg/favicon.ico but cant find /favicon.ico
Anyway thanks. I have disabled your plugin and used Appearance>>Customize>>site identity instead
I’m glad you found a workaround!
Regards,
Philippe
