title: How to get full screen mode with a mobile safari web app on IOS 8 Iphone 4S
body: <p>I am very new to mobile development so please don't knock me to much for newbie questions.</p>
  
  <p>I think I have the correct meta tags.</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  </code></pre>
  
  <p>From apples site it said use the below tag to allow running in full screen mode but it does not seem to work.</p>
  
  <pre><code>&lt;!-- Allow web app to be run in full-screen mode. --&gt;
  &lt;meta name="apple-mobile-web-app-capable"
        content="yes"&gt;
  </code></pre>
  
  <p>Width and Height are set for Iphone 4S on IOS 8</p>
  
  <pre><code>  width: 320px;
    height: 480px
  </code></pre>
  
  <p>I can post the full code if it will help it is very simple 1 page layout header with two buttons, content just text, and a footer with nav icons</p>
  
  <p>The problem as I see it is that it is not full screen and because of this the IOS navigation bar at the bottom cuts off my footer which has an icon menu</p>