Unusual dimensions of navbar (only iOS)


#1

Anyone have a similar issue?


#2

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


#3

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>
            </button>
        </ion-nav-buttons>

    </ion-nav-bar>

#4

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


#5

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

in the meantime in android devices navbar is shown correctly.