Fix Ion-tabs Overlapping Content On Android & Ionic 1.x

Posted By Weston Ganger

In my Ionic app I was having trouble with the Android tabs on the top because the tabs were overlapping my ion-content. There are two solutions to this.

Solution 1, the correct way to fix this is to conditionally apply a class to your ion-content if the device is Android.

/* www/js/app.js */
.config(function($ionicConfigProvider){
  $ionicConfigProvider.platform.android.tabs.position("bottom");
})

Related External Links:

Article Topic:Software Development - Javascript

Date:June 02, 2016