title: Ionic/Cordova: hiding status bar for iPad
body: <p>I am working with <strong>Ionic framework</strong> and noticed this issue when emulating the app on <strong>ios</strong>.</p>
  
  <p>If I try to emulate my app on iPhone the status bar is hidden, but if I try to emulate on iPad the status bar overlaps with my app screen. </p>
  
  <p>To emulate I use this command:</p>
  
  <pre><code>ionic emulate ios --target="iPad-Air"
  </code></pre>
  
  <p>This is an example image that shows what I mean by overlap. The "TOP OF MY CONTENT" overlaps with status bar.</p>
  
  <p><a href="https://i.stack.imgur.com/FiS6U.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FiS6U.png" alt="enter image description here"></a></p>
  
  <p>Here is the example that does not overlap:</p>
  
  <p><a href="https://i.stack.imgur.com/5UVop.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5UVop.png" alt="enter image description here"></a></p>
  
  <p>And this image shows what I mean by hidden status bar:</p>
  
  <p><a href="https://i.stack.imgur.com/wV5nH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wV5nH.png" alt="enter image description here"></a></p>
  
  <p>The the status bar on the left image is visible and on the image on the right is hidden.</p>
  
  <p>My questions:</p>
  
  <ol>
  <li>Why if I emulate on iPad as target: <code>ionic emulate ios --target="iPad-Air"</code> the status bar overlaps with my app  page, but when I use iPhone as target: <code>ionic emulate ios --target="iPhone-6-Plus"</code> the status bar is hidden?</li>
  <li>How can I hide the status bar or at least force it not to overlap with my app screen?</li>
  </ol>
  
  <p>I have already found some answers to modify the config.xml like this:</p>
  
  <pre><code>&lt;preference name="StatusBarOverlaysWebView" value="false" /&gt; 
  </code></pre>
  
  <p>But it does not work.</p>