[iOS] Multiple titles in toolbar

Ionic Framework ionic-v3
1

I want to use multiple titles in a ionic-toolbar. In android it works and display as expected but in iOS both titles are overlapped. How can I achieve multiple titles in toolbar without overlapping the titles?

Here my snippet:

<ion-header>
<ion-toolbar>
<ion-title>This is Title</ion-title>
  <ion-title size="small">Small Title above a Default Title</ion-title>
</ion-toolbar>
</ion-header>

wrong_title
wrong_title748×378 9.82 KB

2

You can use a <br> tag between the two <ion-tittle>, this will provide a gap between the two. if u want custom then u can use padding style to adjust ur distance between the two titles

<ion-header>
<ion-toolbar>
<ion-title>This is Title</ion-title>
<br>
  <ion-title size="small">Small Title above a Default Title</ion-title>
</ion-toolbar>
</ion-header>