MyBB Community Forums

Full Version: Firefox Favicon not showing
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I saw another post on another topic, but it was already closed and the problem for me was not solved. It was not possible to reply there because it was already 'closed'.

I use the latest version 1.8.19.

What happens is that the favicon appears correctly in Chrome, but in Firefox it does not.

Here is the URL: https://www.bc.adm.br/sistemas/forum/index.php

My favicon is in root, exactly as directed in other posts. Huh
Try using complete favicon pack and declarations in header:

Something like:
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png">
<link rel="manifest" href="/images/favicon/site.webmanifest">
<link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/images/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/images/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">

This covers maximum browsers / devices.

You can generate your favicon pack online with some tools / generators like:
https://realfavicongenerator.net/
http://tools.dynamicdrive.com/favicon/
Thanks, great, but, as a good newbie I ask you a step by step... :-) Where do I find it?

Thanks.
Visit provided first link. Upload your favicon image clicking on right button. The page after upload will detail what to do and how.
Try that first, if you face problem then reply what you have done and what is going wrong.

Writing a tutorial will take time. I will provide if I can manage time to write it.
(2019-02-22, 05:07 PM)effone Wrote: [ -> ]Visit provided first link. Upload your favicon image clicking on right button. The page after upload will detail what to do and how.
Try that first, if you face problem then reply what you have done and what is going wrong.

Writing a tutorial will take time. I will provide if I can manage time to write it.

OK, I did what you suggested... well, in Chrome it's displaying normally the issue is just on Firefox. Please, visite http://www.bc.adm.br/sistemas/forum/index.php
(2020-02-14, 01:00 AM)buchmann Wrote: [ -> ]
(2019-02-22, 05:07 PM)effone Wrote: [ -> ]Visit provided first link. Upload your favicon image clicking on right button. The page after upload will detail what to do and how.
Try that first, if you face problem then reply what you have done and what is going wrong.

Writing a tutorial will take time. I will provide if I can manage time to write it.

OK, I did what you suggested... well, in Chrome it's displaying normally the issue is just on Firefox. Please, visite http://www.bc.adm.br/sistemas/forum/index.php

Firefox seems to use favicon.ico at root, in your root this file doesn't exist: https://www.bc.adm.br/favicon.ico which is specified in
<link rel="shortcut icon" href="/favicon.ico" />
It is the standard way to load favicon from root directory.
If possible choose an .ico file rather than any other file format because of compatibility.

You may simply use this editor http://www.xiconeditor.com/ to convert your .png icon to favicon.ico with combined resolutions (16x16, 24x24, 32x32, 64x64). A great tool for cretating/editing favicons.

[ExiTuS]
(2020-02-14, 05:50 AM)noyle Wrote: [ -> ]
(2020-02-14, 01:00 AM)buchmann Wrote: [ -> ]
(2019-02-22, 05:07 PM)effone Wrote: [ -> ]Visit provided first link. Upload your favicon image clicking on right button. The page after upload will detail what to do and how.
Try that first, if you face problem then reply what you have done and what is going wrong.

Writing a tutorial will take time. I will provide if I can manage time to write it.

OK, I did what you suggested... well, in Chrome it's displaying normally the issue is just on Firefox. Please, visite http://www.bc.adm.br/sistemas/forum/index.php

Firefox seems to use favicon.ico at root, in your root this file doesn't exist: https://www.bc.adm.br/favicon.ico which is specified in
<link rel="shortcut icon" href="/favicon.ico" />

BINGO!!! Correct, it's working after following the above tip! 
Thanks friends!