Remove Toolbar/Navbar/Header Shadow in Android?

Ionic Framework ionic-v3
1

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

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

Should do it :slight_smile:

5 Likes
3

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

image

Check out the documentation.

16 Likes
4

Update to ionic v5:

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

Using React:

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