Title: Favicon issues… Last modified: August 30, 2016 --- # Favicon issues… * [mmartinez25](https://wordpress.org/support/users/mmartinez25/) * (@mmartinez25) * [10 years, 8 months ago](https://wordpress.org/support/topic/favicon-issues-4/) * Hello, * I’m working on the finishing touches of my first wordpress site and I couldn’t be more proud! [http://www.arrowheadcabin.net](http://www.arrowheadcabin.net) I love wordpress, the power of this tool is truly amazing. * The issue I’m having is even though I’ve uploaded a favicon image, it’s not displaying on Internet Explorer or Chrome…however my buddy opened my site on Safari and it displayed just fine. * What’s my best course of action–please advise. Viewing 11 replies - 1 through 11 (of 11 total) * [WEN Solutions](https://wordpress.org/support/users/wen-solutions/) * (@wen-solutions) * [10 years, 8 months ago](https://wordpress.org/support/topic/favicon-issues-4/#post-6714323) * Can you explain how you have added the favicon in your site? * [MarkRH](https://wordpress.org/support/users/markrh/) * (@markrh) * [10 years, 8 months ago](https://wordpress.org/support/topic/favicon-issues-4/#post-6714337) * In Firefox 42 I got an Arrow Head icon and in IE9 I got a blue “Be” icon. This is in Windows 7 Pro 64bit. * [WEN Solutions](https://wordpress.org/support/users/wen-solutions/) * (@wen-solutions) * [10 years, 8 months ago](https://wordpress.org/support/topic/favicon-issues-4/#post-6714382) * I just wanted to know how have you added the favicon? Is it the theme-options where you have uploaded it or is it some custom codes that you have written? * [Digico Paris](https://wordpress.org/support/users/digico-paris/) * (@digico-paris) * [10 years, 8 months ago](https://wordpress.org/support/topic/favicon-issues-4/#post-6714388) * In general, you have to put several codes, one for IE and one/two for Chrome/ Firefox/Safari. Internet Explorer having issues with standard favicon code.. Like standard HTML in general 😛 * [crypticshadow](https://wordpress.org/support/users/crypticshadow/) * (@crypticshadow) * [10 years, 8 months ago](https://wordpress.org/support/topic/favicon-issues-4/#post-6714391) * your favicon.ico seems corrupted or not in ICO format. * The apple-touch-icon.png is not optimal. It should be 180×180 to match the highest iOS devices resolution * Some iOS favicon(s) dimensions do not match the sizes attribute. * Some iOS pictures are not declared: * 114×114 picture 72×72 picture 144×144 picture 60×60 picture 120×120 picture 76×76 picture 152×152 picture 180×180 picture * Some recommended PNG favicons are missing (or their sizes attribute is not set): * 16×16 picture 32×32 picture 96×96 picture 192×192 picture * Some picture(s) are missing in favicon.ico: * 16×16 picture 32×32 picture 48×48 picture * Background color for Windows 8 tile is not defined. Windows will choose it for you, which is probably not what you want. * Some recommended pictures for Windows 8 / IE 11 are missing: * 70×70 picture 150×150 picture 310×310 picture 310×150 picture * browserconfig.xml is not present. * thats your issues m8 * [crypticshadow](https://wordpress.org/support/users/crypticshadow/) * (@crypticshadow) * [10 years, 8 months ago](https://wordpress.org/support/topic/favicon-issues-4/#post-6714392) * May as well add this to help you more. * 3. Error: The big element is obsolete. Use CSS instead. From line 500, column 4; to line 500, column 8 s↩

Whethe * 4. Error: The big element is obsolete. Use CSS instead. From line 516, column 205; to line 516, column 209 =”inside”>Check * 5. Error: Bad value for attribute src on element img: Must be non-empty. From line 517, column 202; to line 517, column 248 _wrapper”>”” Syntax of URL: Any URL. For example: /hello, #canvas, or [http://example.org/](http://example.org/). Characters should be represented in NFC and spaces should be escaped as %20. * 6. Error: Text not allowed in element ul in this context. From line 520, column 381; to line 520, column 395 side”> - 2 Night Minimum * Content model for element ul: Zero or more li and script-supporting elements. * 7. Error: Text not allowed in element ul in this context. From line 521, column 379; to line 521, column 393 side”> - 2 Night Minimum * Content model for element ul: Zero or more li and script-supporting elements. * 8. Error: Text not allowed in element ul in this context. From line 522, column 374; to line 522, column 388 side”> - 3 Night Minimum * Content model for element ul: Zero or more li and script-supporting elements. * [Digico Paris](https://wordpress.org/support/users/digico-paris/) * (@digico-paris) * [10 years, 8 months ago](https://wordpress.org/support/topic/favicon-issues-4/#post-6714395) * [@wen](https://wordpress.org/support/users/wen/) Solutions & mmartinezz * No, in general you have to create favicon files yourself in 2 steps: * – code in theme > header.php file – and for the best ones, create custom transparent files in Illustrator (my preference) or Photoshop to make transparent gif/png. it’s quite tricky because size is very small on each browser window – and it requires to work at pixel size precision – like Cryptic mention, now you also need to create some for retina and smartphones (different sizes) * All in one, I strongly advice not to make .ico files, in general resolution is poor – a good transparent png in 16×16 / 32×32 pixels gives better overall results. Also .ico files are quite crappy with transparency. * Hope it helps, * [crypticshadow](https://wordpress.org/support/users/crypticshadow/) * (@crypticshadow) * [10 years, 8 months ago](https://wordpress.org/support/topic/favicon-issues-4/#post-6714396) * He should have enough to go off from all this haha 🙂 decent site too. * [Digico Paris](https://wordpress.org/support/users/digico-paris/) * (@digico-paris) * [10 years, 8 months ago](https://wordpress.org/support/topic/favicon-issues-4/#post-6714397) * He? * [WEN Solutions](https://wordpress.org/support/users/wen-solutions/) * (@wen-solutions) * [10 years, 8 months ago](https://wordpress.org/support/topic/favicon-issues-4/#post-6714406) * Add these two lines in your header.php: * ``` ``` * Note: Just replace the href with your actual favicon path & you are done. * Thanks! * [Digico Paris](https://wordpress.org/support/users/digico-paris/) * (@digico-paris) * [10 years, 8 months ago](https://wordpress.org/support/topic/favicon-issues-4/#post-6714415) * + 1, that’s what I do in general, 2 lines, gives the best results for all browsers( once you made the transparent png files). Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Favicon issues…’ is closed to new replies. * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 11 replies * 5 participants * Last reply from: [Digico Paris](https://wordpress.org/support/users/digico-paris/) * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/favicon-issues-4/#post-6714415) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics