jQuery Mobile HeaderBar


As I increase the fontsize for the Title of the HeaderBar, the Title moves to the bottom of the HeaderBar and is no longer vertically centered.

What can I do to keep it vertically centered?

Thank you.


Try adding vertical-align: center (or top) to your css.


If @PPetree suggestion doesn’t work for you - do you need to use the jQM HeaderBar? If you’re only using it to display a header, the Header control in Common will work well.


Thank you both…

I switched to Common and it works much better…