Skip to content

Hide browser UI (address bar) on mobile to make IC it look like an app #388

@katariniss

Description

@katariniss

I as a developer
Want to hide browser address bar on mobile
So that the website looked like an app

Description
For Safari

  1. Open a website in Safari.
  2. Tap the Share icon (square with an arrow pointing up) at the bottom of the screen.
  3. Scroll down the menu and select "Add to Home Screen."
  4. Enter a name for the shortcut and tap "Add."

For Chrome

  1. Open a website in Chrome.
  2. Tap the Share icon to the right of the address bar.
  3. Select "Add to Home Screen."
  4. Tap "Add" in the window that opens.

Definition of Done
Once you complete these steps, the site's icon will appear on your home screen, and clicking it will open the site in full-screen mode, mimicking an app.

Additional Info
To accomplish this behavior you need to add "display: fullscreen" line to site.webmanifest.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions