I’ve been looking at reducing the headers height for my app.
I have tried the following…
ion-toolbar {
--padding-top: 0;
}
ion-header ion-toolbar {
padding:0;
height: 30px;
}
ion-title {
padding-top: 0;
}
The header markup is
ion-header>
<ion-toolbar color='primary'>
<ion-title>{{'PAGE_TITLE_HOME' | translate}}</ion-title>
</ion-toolbar>
</ion-header>
This does reduced the height, but I just cannot find how to move the title up…
Any idea how get rid of this top “padding”?
Thanks in advance for any help