Tabs not showing on Android (Menu & tabs)


I am fairly new to ionic, however when i build to Android 4.4.2 KitKat. The Tabs do not show, they are there however and clickable, just behind something preventing the visibility.
I do not know about other devices etc… because i have only an android available to me. Does work on pc web version (chrome)
Did look to see what is hiding it (narrowed it down to the header somewhere)

Unsure if I am doing something wrong, or just a general bug. Though as it functionally works…

Steps to reproduce:

  1. Download the tabs starter
  2. Replace App.ts with the following below
  3. Build and deploy to Android.
  4. Normally you would then add the button menuToggle to each of the pages to show the the menu icon (although doesn’t matter)

 import {Component, ViewChild} from '@angular/core';
    import {Platform, ionicBootstrap, MenuController, Nav} from 'ionic-angular';
    import {StatusBar} from 'ionic-native';

    import {TabsPage} from './pages/tabs/tabs';

      template:`<ion-menu [content]="content">


          <button ion-item *ngFor="let p of pages" (click)="openPage(p)">


    <ion-nav id="nav" [root]="rootPage" #content swipe-back-enabled="false"></ion-nav>`
    export class MyApp {
      @ViewChild(Nav) nav: Nav;
      private rootPage: any;
      pages: any[];

        private platform: Platform,
        public menu: MenuController
      ) {
        this.pages = [
                { title: 'Tabs Page', component: TabsPage }
                // more would obviously follow may or may not have tabs involved

        this.rootPage = TabsPage;

      initializeApp() {
         this.platform.ready().then(() => {
          // Okay, so the platform is ready and our plugins are available.
          // Here you can do any higher level native things you might need.

      openPage(page) {
        // close the menu when clicking a link from the menu;
        // navigate to the new page if it is not the current page


    ionicBootstrap(MyApp, [], {});
1 Like

I have the same problem. Did you ever find a fix? It seems to work in Marshmallow.

Unfortunately No, I was unable to fix it. I kind of just moved along,
Was hoping someone at the Ionic team would fix the defect, since it is clearly a bug in their code somewhere.

I am sure there might be a work around for android, applying a CSS style sheet, but it’s hard to find since there are layers upon layers of CSS.

Making it hard to pin point the exact fix.

Which is probably why it works on Marshmallow as the browser rendering is probably slightly different