Mobile Meta Tags

head.html

<!---->
<!-- ANDROID -->
<!---->

<!-- Hide Chrome Navigation Bar Android (When Added to Home Screen) -->
<meta name="mobile-web-app-capable" content="yes">

<!-- Change Chrome Navigation Bar Color (Android 5.1)  -->
<meta name="theme-color" content="#db5945">

<!-- Favicon -->
<link rel="icon" sizes="192x192" href="nice-highres.png">


<!---->
<!-- iOS -->
<!---->

<!-- Hide Navigation Bar iOS (When Bookmarked) -->
<meta name="apple-mobile-web-app-capable" content="yes" />

<!-- Hide Navigation Bar on iOS -->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">

<!-- Change Safari Navigation Bar Color -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">