I have a page like this:
<IonPage> <IonHeader> <IonToolbar> <IonTitle> Happy Wednesday! </IonTitle> </IonToolbar> </IonHeader> </IonPage>
On small screens (for example, the original iPhone SE), this is displayed as
What is the CSS/JS that Ionic is using to shorten the title text?
There is a a pretty big margin on each side of the
ion-title, so it seems like more space could be used to display the full title. I would like to tweak this but I’m having trouble figuring out what CSS is causing the issue.
It’s a challenge for me because when testing in Safari/Chrome, the text is usually not shortened; it only happens on the actual device.