• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 09.08.21, 23:23
  • Opened by: Andrea Vallini
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #22094 - Favicon problem on mobile

I don’t know if the problem is caused by the AMP version or the theme, but checking the store on my iPhone, I noticed that the prestashop favicon is shown, while in the store settings I correctly set a custom favicon (in the desktop version it is displayed correctly).

I tried clearing the cache on my mobile device, but the favicon doesn’t change.

Comments

Fred 11 Aug 2021, 10:50

I see correct favicon on my phone https://take.ms/p2ipW

Andrea Vallini 11 Aug 2021, 12:07

Have you checked Safari browser on iOS?
As you can see, the favicon is not displayed correctly in Safari.
Android and Apple probably have different html requirements for favicons, and the theme does not meet all of them. It would be a good thing to include all of them correctly, because displaying the Prestashop favicon on Apple devices is not acceptable.

Doing a quick search I found this: https://css-tricks.com/favicon-quiz/

<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">

Attachments:

IMG_0110.jpg (186.1 KiB)
Fred 15 Aug 2021, 18:05

I see correct icon there https://take.ms/VQt76