Remove Toolbar/Navbar/Header Shadow in Android?

Hello guys.
Does anybody know how to remove this shadow in android?
image

3 Likes
.header-md::after {
    display: none;
}

Should do it :slight_smile:

5 Likes

The correct solution is add “no-border” attribute on your ion-header tag:

image

Check out the documentation.

16 Likes

Update to ionic v5:

<ion-header class="ion-no-border">
    <ion-toolbar>
        <ion-title>Header</ion-title>
    <ion-toolbar>
</ion-header>
7 Likes

Using React:

<IonHeader className="ion-no-border">
  ...
</IonHeader>
2 Likes