title: How to hide header bar in ionic?
body: <p><a href="https://i.stack.imgur.com/qgUYH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qgUYH.png" alt="with header :("></a></p>
  
  <p>I want to get rid of the blue strip at the top. </p>
  
  <p>This is what happens when I use <code>hide-nav-bar="true"</code> or remove the header from html.</p>
  
  <p><a href="https://i.stack.imgur.com/1yY8g.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1yY8g.png" alt="without-header"></a></p>
  
  <p>I just want the the tabs to exist without any blue strip above it.</p>
  
  <p>Tabs:</p>
  
  <pre><code>&lt;ion-tabs class="tabs-striped tabs-color-positive" &gt;
      &lt;ion-tab icon-on="ion-ios-home" icon-off="ion-ios-home-outline"&gt;
          &lt;ion-nav-view name="home-tab" &gt;
          &lt;/ion-nav-view&gt;
      &lt;/ion-tab&gt;
      &lt;ion-tab  icon-on="ion-ios-keypad" icon-off="ion-ios-keypad-outline" ui-sref="tabs.app"&gt;
          &lt;ion-nav-view name="app-tab"&gt;
          &lt;/ion-nav-view&gt;
      &lt;/ion-tab&gt;
      &lt;ion-tab  icon-on="ion-ios-gear" icon-off="ion-ios-gear-outline" ui-sref="tabs.setting"&gt;
          &lt;ion-nav-view name="setting-tab"&gt;
          &lt;/ion-nav-view&gt;
      &lt;/ion-tab&gt;
  &lt;/ion-tabs&gt;
  </code></pre>
  
  <p>Home:</p>
  
  <pre><code>&lt;ion-view&gt;
  &lt;ion-header-bar class="bar-positive"&gt;
  &lt;h1 class="title"&gt;HOME&lt;/h1&gt;
  &lt;/ion-header-bar&gt;
  &lt;ion-content class="padding"&gt;
  some html....
  &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>