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…