Skip to content

<ion-content> goes behind <ion-header> in Ionic. #14092

@pnnrahul

Description

@pnnrahul

<ion-header> <ion-navbar> <ion-title>Physics</ion-title> </ion-navbar> </ion-header> <ion-content padding has-header contentTop="200px"> <ion-list class="chapter-list"> <button ion-item no-padding *ngFor="let chapterList of chapterLists" (click)="chapterListItemClk(event)" no-border> {{ chapterList.video_name }} <img src="{{chapterList.video_icon}}" item-left alt=""> </button> </ion-list> </ion-content>
@ATakaSKY @falasvand
localhost_8100_ nexus 6
localhost_8100_ nexus 6 1
<ion-content> is hidden behind <ion-header>
My ionic version is 3.19.1
I have tried 'has-header' as well.
But not fixed.
@camwiegert
My code above. #7084
https://forum.ionicframework.com/t/ion-content-is-hiding-behind-ion-header/123048

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions