My Favicon Not Displaying In Safari - Question | JoomShaper

My Favicon Not Displaying In Safari

P

pixelfuzion

Helix Framework 1 year ago

Does anyone know how to force the favicon to display in safari?

0
4 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #177087

Hi

Thanks for contacting us. If your favicon isn't showing up in Safari then the most likely culprit is browser caching where Safari is displaying an older version of your favicon, you might need to clear your browser cache or try accessing the site in incognito mode to see the updated icon.

-Regards.

0
P
pixelfuzion
Accepted Answer
1 year ago #177089

I have done all that... still does not display. Even pulled it up on an unrelated computer and does not work. I was told there needs to be aspecific additional line of code for Safari to display the icon.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #177172

Hi,

  1. For Safari browsers you need extra files. Apple Touch Icon (for iOS and macOS) uses the apple-touch-icon for adding websites to the home screen or bookmarks.

File Format: PNG (.png)

Key Sizes:
  • 120x120 pixels: Standard iPhone Retina.
  • 152x152 pixels: Standard iPad Retina.
  • 167x167 pixels: iPad Pro.
  • 180x180 pixels: iPhone Retina HD.

Here is example HTML Link Tag that you should use as well, in Template Options > Custom Code > Before Head.

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Create, and upload those image files (.png and .ico) in root folder:

up4.gif

rrr4.gif

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 months ago #203164

Hi

Is this solved now? If yes, you can then close this post by accepting the answer.

0