Hi,
On joomla 6.0.4 - php 8.3.30 - 11.4.10-MariaDB I'm using the cassiopeia_extended template and I've noticed something strange regarding the favicon.
I have uploaded my custom favicon and I have overwritten those files :
**- joomla-favicon.svg
I have uploaded those 3 files into these 2 folders :
/media/templates/site/cassiopeia_extended/images/
AND
/media/templates/site/cassiopeia/images/
Works fine from a PC/laptop etc..., but on a mobile device, the default Joomla favicon is displayed instead of mine.
info : there is no cache enabled on website.
Any idea why?
Thanks
L.
6.0
Custom icon displayed everywhere (computer, tablet, smartphones,..)
No response
No response
No response
| Labels |
Added:
No Code Attached Yet
bug
|
||
| Title |
|
||||||
This could be a browser cache effect. Did you check that?
This could be a browser cache effect. Did you check that?
On my current browser, I have already cleared all navigation data but same issue.
So I have tried to install a new browser on my smartphone (like opera or firefox) and favicon is displayed that's good.
So, on my current browser (chrome), how can I totally clear cache including favicon cleaning?
Local storage in your browser
Thanks @brianteeman I will check.
Do you recommend to upload only joomla-favicon.svg or all the 3 files joomla-favicon.svg, favicon.ico and joomla-favicon-pinned.svg ?
Hi, I tried to understand this issue.
Since the favicon works correctly on desktop and also on a fresh mobile browser, it seems likely that this is related to browser caching or local storage (especially on Chrome mobile), rather than a Joomla core issue.
Favicons are often aggressively cached by browsers, and even clearing normal browsing data may not fully refresh them.
You can try:
If the favicon updates correctly in a fresh browser, this might not require a code-level fix in Joomla.
Please let me know if there are additional steps to consistently reproduce this across devices.
Thanks!
Hi,
I have already tried to clear all site data (cookies, history etc..) everything + test from incognito mode => same issue.
But indeed, when I try from on a fresh mobile browser, favicon is correctly displayed.
So, indeed, I think the problem is coming from browser local cache. But I don't know how to clear it completely.
To be sure, 2 questions :
If I use cassiopeia extended, is it mandatory to all override favicons on cassiopeia folder inside /media/templates/site/cassiopeia/images/ ?
on cassiopeia extended folder here /media/templates/site/cassiopeia_extended/images/ , is it enough to override only joomla-favicon.svg file, or is it better to override these 3 files joomla-favicon.svg, favicon.ico and joomla-favicon-pinned.svg ?
Thank you
You always need to override all 3 files. Each of them is good for a different purpose / sytem / browser.
@drmenzelit understood, thanks for your feedback.
| Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2026-04-15 15:02:24 |
| Closed_By | ⇒ | toonetcreation |
Hi,
I can't force Joomla, to change my favicon TOO.
It looks like Cloudflare is caching. When I use a VPN in Opera, the logo displays correctly.
After 1-2h all browsers get favicon updated. hmmm
Based on the latest updates (VPN test and delayed favicon update), this appears to be a caching issue rather than a Joomla problem.
Chrome mobile caches favicons very aggressively, and CDN services like Cloudflare can also cache these files.
Since the favicon displays correctly in a fresh browser and updates after some time, it confirms caching behavior.
Suggested fixes:
Override all 3 favicon files (svg, ico, pinned)
Use cache-busting (rename file or add version like ?v=2)
Purge CDN cache (if using Cloudflare)
Clear site data on mobile browser
So this likely does not require a Joomla core fix.
This couldd be a browser cache effect. Did you check that?