Hi guys, first timer here, having some issue with a tabs + slide menu. Everything is working correctly in the browser, but when i emulate in android i get a huge space in the tab section that offset the icons.
Here’s the code i’m using for the menu.
<ion-side-menus enable-menu-with-back-views="false"> <ion-side-menu-content> <ion-nav-bar class="bar bar-header bar-dark"> <ion-nav-back-button></ion-nav-back-button> <ion-nav-buttons side="left"> <button class="button button-icon button-clear ion-navicon" menu-toggle="left"> </button> </ion-nav-buttons> </ion-nav-bar>
<ion-nav-view name="tab-home"></ion-nav-view>
<!-- TABS --> <ion-footer-bar class="tabs_footer_container"> <ion-tabs class="tabs tabs-dark tabs-icon-bottom bar bar-footer">
<ion-tab class="tabs_custom" title="Home" icon-off="ion-ios-home" icon-on="ion-ios-home" href="#/app/home"> <ion-nav-view name="tab-home"></ion-nav-view> </ion-tab>
<ion-tab class="tabs_custom" title="Credit" icon-off="ion-plus-circled" icon-on="ion-plus-circled" href="#/app/transaction" ng-click="openModal(1)"> <ion-nav-view name="tab-transaction"></ion-nav-view> </ion-tab>
<ion-tab class="tabs_custom" title="Debit" icon-off="ion-minus-circled" icon-on="ion-minus-circled" href="#/app/transaction" ng-click="openModal(2)"> <ion-nav-view name="tab-transaction"></ion-nav-view> </ion-tab>
</ion-tabs> </ion-footer-bar>
</ion-side-menu-content>
<!-- Left Menu --> <ion-side-menu side="left"> <ion-header-bar class="bar-dark"> <h1 class="title">Settings</h1> </ion-header-bar> <ion-content> <ion-list> <ion-item menu-close ng-click="resetData()"> Clear Data </ion-item> <ion-item menu-close> FAQ's </ion-item> </ion-list> </ion-content> </ion-side-menu> </ion-side-menus>