Modal does not overlap status bar

ionic-v1
1

hi need help. In the ionic doc says that modal overlaps but its not doing that
@Component({
selector: ‘page-page1’,
templateUrl: ‘page1.html’
})
export class Page1 {

constructor(public modalCtrl: ModalController) { }

openModal(characterNum) {

let modal = this.modalCtrl.create(ModalContentPage, characterNum);
modal.present();

}
}

modal. html

Profile Close

{{character.name}}

{{character.text}}