Height of Toolbar of jQuery Mobile

Question

the height of the toolbar in my project is somehow not right. I tried many possibilities, went back to an index.html which had nothing but the toolbar. And even then it has this wrong height:

The height should be the same like button - but it is not. There is nothing changed on css or js of jQuery mobile, just downloaded and imported.

Any Idea why it looks this way? It is not dynamic, seems like it is a hardcoded height. Changing the height of the toolbar in CSS leads to a wrong positioning of the text.

Answer 1

Ok, jQuery UI is actually generating some &nbsp in the header. That's why you have all this "extra" space.

As explained here , you have to remove the spaces between the tags and all will be displayed correctly.

https://jsfiddle.net/k4502jLq/1/

Also, if you are using Sublime Text , you should have a look on Trailing Spaces , which remove all this kind of "non-desired" spaces automatically when you save you file. Very useful.