How to change jQuery mobile header height

Question

I am new to jquery mobile. I have one problem. I want to increase the default header height.

Now my problem is that I want to increase the size of this header. Can someone tell me how to do this? What css do i need to rewrite?

Thanks in Advace Waiting for a quick response Aamirkhan I.

Answer 1

You can control the height of the header by controlling the height of the div at which you place the header tag or data-role = "header". worked for me in case of other jquery-mobile components

Answer 2

The correct way is to change the ui-title class to css

Answer 3

@media screen and (min-width:720px) { .ui-btn-text {font-size:36px;} 

}

I am increasing the font size to get a larger header.