Help with iOS Bookmark icon

HTML & CSS
1

I’ve been able to set it so that when I add the site to an iOS homescreen the proper icon shows. It also shows in any web browser. However, when I use iOS Safari, go to the site, book mark it to the bookmark list, a C shows for the icon. I want our icon to show just like it does for www.apple.com or www.sunsetwx.com.

This is our site: www.cbcexeter.org

This is the code that I’m using:

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=kPgOnJYLYR">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=kPgOnJYLYR">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=kPgOnJYLYR">
<link rel="manifest" href="/manifest.json?v=kPgOnJYLYR">
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=kPgOnJYLYR" color="#bd4c4c">
<link rel="shortcut icon" type="image/png" href="/favicon.png?v=kFginJYoYs">
<meta name="theme-color" content="#ffffff">

I’ve tried .ico as well as different sized icons.

Thanks in advance.

4

Anyone? Bumping

5

Forgive me for my ignorance of Safari, but which version of Safari are you using?

Is it on an Apple device or a PC?

Just guessing, but could it be a browser option rather than your code?

6

I believe the OP said it was ios Safari so we are talking mobile device.:slight_smile:

I don’t know much about ios icons but I believe a homescreen icon and a bookmark icon are different things. The homescreensicon is added to the homescreen whereas the bookmark icon is added to safari (not the homescreen).

You may find some info here.

7

Bumping threads is not really allowed so if you have not received a reply then the best course of action is to supply more details of what you have tried or add extra pertinent information rather than just saying ‘bump’.

2 Likes
8

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.