Shortcut mobile icons not showing on shopify store

New Member
7 0 0

Hi, I am trying to get a shortcut icon to display when someone saves the page to their fav on a mobile.

I have the favicon working on desktop, also the apple-touch-icon works perfectly fine.

Here is my current code:

  <link rel="icon" href="https//cdn.shopify.com/s/files/1/1649/2921/files/cartel-clothing-icon-2.png?4976699580562756602" type="image/x-icon"/>
  <link rel="shortcut icon" type="image/x-icon" href="https://cdn.shopify.com/s/files/1/1649/2921/files/cartel-clothing-icon-2.png?2014260314107148775" />
  <link rel="apple-touch-icon" href="https://cdn.shopify.com/s/files/1/1649/2921/files/apple-touch-icon.png?2014260314107148775">

Everything works bar the shortcut icon. i have followed numerous forum posts about favicons but no joy

Hopefully someone may have had this issue before and can shed some light.

 

Thanks in advance

 

Keep #DisturbingTheScene with our S-Range Sunglasses!
0 Likes
Shopify Staff
Shopify Staff
93 0 12

Hey Joey,

Mike here from Shopify, I would assume its in how the browser on a mobile is grabbing at this info. I would assume you are speaking of a Android Mobile for instance.

It could be that the browers have no reference images to pull from. So I did a quick Google search about this specific topic.

http://www.kylejlarson.com/blog/adding-an-icon-for-iphone-ipad-android-to-your-website/

Specifically the link about where the author makes reference to Android as such:

Android uses the two icons with rel=”icon” and apple uses the ones prefixed with “apple-“

Take a look at your theme.liquid and if not referenced in your <head>..</head> that could be your issue.

I hope that helps.

Cheers,

-Mike A.

 

 

 

 

 

0 Likes
Explorer
265 0 21
0 Likes
Highlighted
New Member
2 0 0

Hi Mike, can you help me?
I wanna add the icons for iOS, android and chrome but I don't know how and where I put the code, so if you can help I'll appreciate.

My favicon it's working normaly 

0 Likes