How to align title in Ionic 4 header with reduced height

@peterjc wrote:

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

Posts: 1

Participants: 1

Read full topic