jQuery Mobile title limit

Question

What is the limit for jQuery mobile titles? How many characters? How do we change this limit? Working with jQuery mobile. Thanks.

Answer 1

You can override the left & right margins on the .ui-title class to give yourself some more space, but be careful because the margins are used to make sure the text doesn't interfere with any left & right buttons you have in the header.

.ui-header .ui-title { margin-left: 1em; margin-right: 1em; }

You might also get a bit more space using clip rather than elipsis:

.ui-header .ui-title { text-overflow: clip; }