this is my codes:
index.html -->
<ion-nav-view></ion-nav-view>
now I have this template that other pages inherit from:
sidemenu.html -->
<!-- Center content -->
<ion-side-menu-content>
<ion-nav-bar class="bar-bloompy">
<ion-nav-buttons side="primary">
<button class="button button-icon whiteMe" ng-click="slideLeftMenu()">
<i class="icon ion-navicon"></i>
</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-content scroll="false">
<ion-nav-view name="sideMenuContentArea"></ion-nav-view>
</ion-content>
</ion-side-menu-content>
<!-- Left menu -->
<ion-side-menu side="left" class="bloompy">
....... doesnt matter
so what happens is in the browser it looks good, the icon for opening the side menu is on the left and title in the middle,
but when I install it on my android the icon floats to the right, and the title floats to the left…