Ion-tabs tabTitle cut off on Android


#1

Hi,

I’ve created a project using the tabs template, however on Android some the Titles are cut off.

Whereas it fits just fine on iOS (and windows)

I’ve tried setting font-sizes however that applied it to the entire content in that tab not the title.

Any help will be appreciated :slight_smile:

Thanks,
Pav


#2

Add style to your <ion-tabs>:

.tabs-style {
    .tab-button {
      .tab-button-text {
        font-size: 12px;
      }
    }
}

#3

I’m having more or less the same problem: I don’t manage to change tabs font. Tried this solution, but it didn’t work for me.

Any other ideas?

Thanks.