Forum Academy Marketplace Showcase Pricing Features

Trouble with Favicons on iPad

Hey fam

I’m wondering whether anyone else has struggled with a Bubble app’s favicons on apple devices - more specifically on iPads and iPhones.
I’ve set up the favicons from the settings tab on my Bubble app but the browser on the iPad (safari) shows the right favicon on half the pages and shows the bubble default favicon on others.

My setup:

  1. Settings → favicon is set
  2. Settings → SEO&Metadata → Metatags in header:
    <link rel="apple-touch-icon" sizes="152x152" href="https://tickapp2.bubbleapps.io/version-test/Tickfavicon.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://tickapp2.bubbleapps.io/version-test/Tickfavicon.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://tickapp2.bubbleapps.io/version-test/Tickfavicon.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://tickapp2.bubbleapps.io/version-test/Tickfavicon.png"> <link rel="apple-touch-icon" sizes="167x167" href="https://tickapp2.bubbleapps.io/version-test/Tickfavicon.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://tickapp2.bubbleapps.io/version-test/Tickfavicon.png">

Am I missing something?
Thanks for going through this :slight_smile:

Cheers,
Ranjit

Hey @blurapps,

Try this:

<link rel="apple-touch-icon" href="//s3.amazonaws.com/appforest_uf/f1612811893993x123123132123/faviconname.png">
<meta name="apple-mobile-web-app-title" content="Your App Name">

Alternatively, here’s what mine looks like with all them set for each size.

Thanks @lantzgould !

Let me give that a shot :slight_smile: