Favicon Not Showing - Forum | JoomShaper
Staff replied Helix Framework

Favicon Not Showing

Asked by Andrew Freeman 3 years ago Last activity 3 years ago

Hey,

there doens't seem to be a place to add a favicon on the helix backend, when I have the burger menu type selected? I've added the favicon into the template folder and the main root folder, but still nothing is showing?

12 replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
3 years ago · edited

Hi there!

Thanks for contacting us.

The favicon is in the basic tab of your Template Options. Here is the path:

Template Options> Basic> Logo> Favicon

https://prnt.sc/w0My7m12cPOR

I have changed the favicon for you on testing purposes and leave it for you to check: https://prnt.sc/PChCN7m95Zfx

I'm not sure about the circumstances you mention when you doesn't find favicon selection option. Would you please give me a screencast video illustrating the scenario?

Best Regards

Paul Frankowski Senior Staff
3 years ago · edited

2nd idea, that always works:

Use favicon.ico file and upload in Joomla root folder.

info_1431_2023.gif

But as I see you have that icon already

info_1430_2023.gif

Use Incognito mode and preview site.

Andrew Freeman Asked this
3 years ago

Hi Rashida,

my menus are no longer showing since you logged in?

Paul Frankowski Senior Staff
3 years ago · edited

As I saw it was cached view from JCH Optimize, now Menu is visible.

In case of....

  1. Set as should be in Template Options > Save
  2. Click "Clear cache" icon box in JCH Optimize (Admin) > Utility Tasks
  3. Preview site
Andrew Freeman Asked this
3 years ago

I can see it in the tabs when I open the site in the browser, but they don't show in google. It's just a standard globe showing in the search results? What could be making that happen?

Paul Frankowski Senior Staff
3 years ago

Joomla logo or default globe icon? Can you show me link to screenshot.

If 2nd, please read about that in net, it's not typical favicon.

Renzo Carlucci mediaGEO
3 years ago

I have same problem. Also using the solution of favicon.ico in the Joomla root folder. On the Net I read about a news on favicon management for J4, and also the possibility to use .svg format.

Paul Frankowski Senior Staff
3 years ago · edited

In general it's good to follow all steps:

  1. Insert favicon icon (48 x 48 px, it can be .png here) inside Template Options > Basic > Logo > Favicon
  2. Upload favicon.ico (48 x 48 px) to root folder.
  3. Keep the "favicon" filename each time.
  4. You can add extra line of HTML code. For an icon in .ico format:
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />

For an icon in .png format:
<link rel="icon" type="image/png" href="/favicon.png" />

A tag should be inserted in the Template Options > Custom Code > Before end < head >.

https://developers.google.com/search/docs/appearance/favicon-in-search?hl=en

Extra notes!

  1. Browser has Cache that may keeps old/default favicon.ico file.
  2. Google needs time to reindex your site to see different file as well.
  3. Size 16x16px was used in the past, now Google do not recommend it anymore.
Andrew Freeman Asked this
3 years ago

Thanks Paul, will try all of that.

It used to work fine until recent updates to Joomla, Helix and Pagebuilder. I see it sporadically in diffent places, it shows fine in the tab of chrome, but not in tabs of safari.

It loads briefly next to the URL in sarafi then vanishes. And it's recently vanished from google search results (I sumbitted it for indexing again yesterday, and it has been reindexed, but still not showing).

Paul Frankowski Senior Staff
3 years ago · edited

I can help only in JoomShaper product areas. I have my limitations. I am not offcial support of Joomla, any browsers nor Google, Bing etc..

Use tips from Google Developers Guide, add extra HTML meta just in case, and ... have hope.

Log in to reply.