Forum | Appery.io

By default, Appery.io truncates the titles of pages. In my case, I want the title of the page to be "Teaching Challenge" (something that should easily fit in the bar on top of the app) but it always ends up being "Teaching Chal...".

Is there a workaround?

Thanks!

Not Appeery.io... jQuery Mobile. I don't remember, there might be an option to control that. Check their docs.

Create a CSS file in your project.

Add this to the file
.ui-header .ui-title {
overflow: visible !important;
white-space: normal !important;
}

Relaunch the app.

You can also adjust this style to whatever you want.

Try this also

.ui-header .ui-title {
margin-right: 10%;
margin-left: 10%;
}

First one is the one I use