CODEWITHSUNDEEP
cssuser-interfaceionic-frameworkheading
redrom
redrom

Reputation: 11632

Ionic header..how to remove 3 dots and make all header visible?

I have hader with text, on iPhone 4 and some others Android devices is part of the heading text trimmed and replaced by 3 dots (see screenshot below).

How can i remove this limitation please? Text could be normally displayed if will be moved a little bit on the left side.

enter image description here

Many Thanks for any advice.

Upvotes: 3

Views: 2950

Answers (1)

InfinitePrime
InfinitePrime

Reputation: 1776

Technically it is not called 3 dots. The text-overflow property has been set to ellipsis, overflow is hidden and white-space has nowrap

Override these properties in the .bar .title class.

Upvotes: 4

Related Questions