CODEWITHSUNDEEP
cssionic-framework
user1354934
user1354934

Reputation: 8841

ion nav buttons are not in line on ion nav bar

The buttons inside my ion-nav-bar are not in-line.

I have two buttons, on left and right. However, the right side button is off center.

My markup is:

<ion-nav-bar class="bar-positive">
        <ion-nav-buttons side="left"><button class="button button-icon ion-navicon" ng-click="openMenu()"></button></ion-nav-buttons>
        <ion-nav-buttons side="right"><button class="button button-icon ion-power" ng-click="onOffService()"></button></ion-nav-buttons>
        <ion-nav-view name="mainContent"></ion-nav-view> 
</ion-nav-bar>

No css changes have been made and here is what the bar looks like: enter image description here

Upvotes: 1

Views: 206

Answers (1)

Pete Houston
Pete Houston

Reputation: 15089

ion-nav-view is supposed not to be included inside ion-nav-bar,

http://ionicframework.com/docs/api/directive/ionNavBar/

Upvotes: 0

Related Questions