Unusual dimensions of navbar (only iOS)


Anyone have a similar issue?


What’s the source for your header section?

Could you inspect via Safari? http://phonegap-tips.com/articles/debugging-ios-phonegap-apps-with-safaris-web-inspector.html


unfortunately I do not have an iphone now

my navbar source code is:

<ion-nav-bar class="bar-balanced">

        <ion-nav-back-button class="button-icon ion-android-arrow-back"></ion-nav-back-button>

        <ion-nav-buttons side="right">
            <button class="button button-clear" ng-click="scan()" ng-hide="hideScan.hide">
                <i class="icon ion-qr-scanner"></i>



(For what it’s worth, you can use the simulator to web inspect as well)


from windows machine i don’t able to use ios simulator.

in the meantime in android devices navbar is shown correctly.