This is my Header component, How can i put <ion-item> over the header and <ion-content>

Ionic Framework ionic-v3
1 
<div class="logo" *ngIf="mostarLogo" (click)="levaNaHome()">Gc</div>  

<ion-list *ngIf="showSearchbar">

  <ion-searchbar [(ngModel)]="searchTerm"
      placeholder="Procurar por cantor ou titulo"
      (ionInput)="filterItems($event)">
  </ion-searchbar>

  <ion-item *ngFor=" let item of itensFiltrados" (click)="verItem(item)" color="silver" >
    <h2>{{item.cantor}}</h2> 
    <p>{{item.title}}</p> 
  </ion-item>

</ion-list>

<ion-buttons end>
    <button ion-button icon-only (click)="toggleSearchbar()" color="branco">
        <ion-icon ios="ios-search" md="md-search"> </ion-icon>
    </button>
</ion-buttons>