I am trying to make the ion-title inside ion-toolbar a bit taller on iOS. I can make the font larger, but it gets cut-off as though it is clipped and overflow is hidden.
This is the template code:
<ion-header class="mkc-global-header ion-text-center">
<ion-toolbar class="mkc-global-toolbar">
<ion-title class="mkc-global-title" part="title">My App</ion-title>
</ion-toolbar>
<desktop-navigation-bar v-if="state.layout==='desktop' && state.user"></desktop-navigation-bar>
</ion-header>
I have tried targeting the ::part() pseudo-element, but that does not work at all. I have tried normal CSS as well with no luck. I can change the font-size, color, weight of the ion-title, but I cannot for the life of me figure out how to make it so the text is all displayed when it is larger.
Here is a screen capture showing the results of making the ion-title larger in font size:
Any ideas?