Why is subheader not showing?

Question

I’m trying to create a search bar, I’m using the bar-subheader for this but does not display. How to do this ?

<ion-view view-title="Empresas">

  <div class="bar bar-subheader item-input-inset padding">
    <label class="item-input-wrapper">
        <i class="icon ion-ios7-search placeholder-icon"></i>
        <input type="search" placeholder="Search" ng-model="pesquisar">
    </label>
  </div>

  <ion-content class="padding has-footer has-subheader">

        <ion-list>      
            <ion-item class="item item-thumbnail-left" 
                  ng-repeat="item in items | filter:pesquisar" 
                  type="item-text-wrap"
                  ng-click="getEmpresa({{item.Empresa.id}})" >

                <img ng-src='{{item.Empresa.imagem}}'>          
                <div style="font-weight:bold;" class="item-text-wrap">{{item.Empresa.nome}}</div>
                <div style="font-size:small" class="item-text-wrap">{{item.Empresa.tipo}}</div>
                <div style="font-size:small">{{item.Empresa.endereco}}</div>
                <div style="font-size:small">{{item.Empresa.telefone}}</div>

                <a href="tel:{{item.Empresa.telefone}}" class="button button-small button-balanced icon ion-ios-telephone">
                </a> 

            </ion-item>
            <ion-infinite-scroll on-infinite="loadMore();" distance="1%" ng-if='!moreData'></ion-infinite-scroll>
       </ion-list>

  </ion-content>

</ion-view>

Answer 1

solved. The problem was that the subheader I was creating was behind the tabs, so I created a css for this subheader and it worked as needed.

was like this.

.search-subheader {
    top:85px;   
}