<p>In an attempt to hide the Safari UI components for an web-app bookmarked as a Homescreen Icon. I am using this meta tag </p>

<pre><code>&lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt;
</code></pre>

<p>as specified on <a href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW2" rel="nofollow noreferrer">iPhone Dev Center</a> but the address bar and toolbar are still there when launched from the home screen icon.  What do I need to do different? Does anyone have an example?</p>

Is it being launched from the home screen? The documentation on the linked page does not mention but I found this @
Configuring Web Applications
:
For example, you can specify an icon for your web application used to represent it when added to the Home screen, as described in “Specifying a Webpage Icon for Web Clip.”
You can also minimize the Safari on iPhone user interface
, as described in “Changing the Status Bar Appearance” and “Hiding Safari User Interface Components,”
when your web application is launched from the Home screen
. These are all optional settings that when added to your web content are ignored by other platforms