JQueryMobile: increasing the font size in the title without increasing the height of the title

Question

I want to increase the font size in the text JQM data-role = header, not allowing JQM to increase the height of the header line from its usual (20px?)

JQM seems to calculate the height for the bar based on the font size of the child nodes.

Answer 1

This worked for me: http://jsfiddle.net/shanabus/Z2saQ/

Click the button to see page 2 is different and works with your question.

I just set the .ui-header #page2 to the static 41px height.

Then set h1 to something larger than 2em.