Can you explain how you have added the favicon in your site?
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.
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?
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 😛
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
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</h2>↩<p><big>Whethe
4. Error: The big element is obsolete. Use CSS instead.
From line 516, column 205; to line 516, column 209
=”inside”><big>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”><img class=”scale-with-grid” src=”” alt=”” /></div>
Syntax of URL:
Any URL. For example: /hello, #canvas, or 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”>
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”>
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”>
Content model for element ul:
Zero or more li and script-supporting elements.
@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,
He should have enough to go off from all this haha 🙂 decent site too.
Add these two lines in your header.php:
<link rel="icon" href="http://abc.com/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="http://abc.com/favicon.png" type="image/x-icon" />
Note: Just replace the href with your actual favicon path & you are done.
Thanks!
+ 1, that’s what I do in general, 2 lines, gives the best results for all browsers (once you made the transparent png files).
