This is due to another component (another plugin probably) named “DMRights”. Just before the icons declarations in your code, there is a comment:
<!-- DMRights.com Copyright Protection - based in Rynaldo Stoltz js script Starts -->
Then, the code which follows contains a div, which is illegal in the head section of HTML pages. Browsers react differently when they encounter this. Chrome considers the head section to be over and all following markups are considered to be in the body. However, as icon declarations are head-only markups, Chrome does not take them into account. This is why your favicon works with Firefox and not with Chrome.
Alright, what are your options?
- Report the issue to DMRights and wait for their fix. The best solution, but it might take some time.
- Disable DMRights plugin. Well, it was here for a reason, so maybe you won’t be happy with this workaround.
- Disable RealFaviconGenerator plugin. Maybe the favicon provided by Genesys will work (if it’s included before DMRights). But unless Genesys was updated since the last time I tested it, it only covers classic, desktop favicon.
This issue is still pending, so I close it for now. Please open it again if there are any news.
