Skip to main content
All CollectionsPWA Questions
How to remove the Chrome icon overlaid on top of your PWA icon
How to remove the Chrome icon overlaid on top of your PWA icon
Kevin Basset avatar
Written by Kevin Basset
Updated over 4 months ago

On Android, there are two ways to add a website to the home screen:

  • As a shortcut

  • As an app

When the website is added as a shortcut, the app icon is overlaid with a smaller Chrome icon in the bottom-left corner.

Solution 1: Add a valid manifest

To ensure your PWA is installable as a PWA and not just as a shortcut, you'll have to make sure your app has a valid app manifest. With tools like Progressier, it's done for you automatically.

Solution 2: Fix the Google Play Store app

If your app has a valid manifest, and yet your website is still installed as a shortcut, the problem is likely due to your Google Play Store app.

Why does it happen?

When a PWA is installed on Android device, the Play Store is in charge of generating an APK for your PWA. However, there are scenarios where the connection between Google Chrome and Google Play Store is severed locally, forcing the browser to fall back to the shortcut installation mode instead.
โ€‹

How to fix it:

  1. Delete the PWA from your home screen

  2. Open the Google Play Store app on your device

  3. Make sure you're logged in to the Google Play Store app.

  4. In the Google Play Store App, make sure Chrome is up to date. If not, update it.

  5. Open the Google Chrome app and navigate to "Settings" in the menu. Make sure you're still logged in with your Google account.

  6. Open the Settings app on your device and make sure it has enough storage space left

  7. Restart your device

  8. Reinstall the PWA

Did this answer your question?