# Side menu not showing on android phone

**URL:** <https://forum.ionicframework.com/t/side-menu-not-showing-on-android-phone/270>\
**Category:** ionic-v1\
**Created:** [December 17, 2013, 5:31am UTC](https://forum.ionicframework.com/t/side-menu-not-showing-on-android-phone/270 "2013-12-17T05:31:53Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![saurabhgupta050](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/saurabhgupta050/32/6996_2.png) [@saurabhgupta050](https://forum.ionicframework.com/u/saurabhgupta050)\
**Post date:** [December 17, 2013, 5:31am UTC](https://forum.ionicframework.com/t/side-menu-not-showing-on-android-phone/270/1 "2013-12-17T05:31:53Z")

</div>

Hi , I am having a strange problem regarding the side menu. I have used a **_side menu_** in my app and it is working fine in latest webkit browsers (chrome) on my PC. But when i tested it on a android phone side menu just disappeared. I mean the side-menu-content is sliding but the menu itself is not showing. Is this a problem with android version or i made a mistak somewhere . Please tell me if anyone having similar issues. I have used native browser of the phone with **_ice-cream sandwich_** version. I have also checked it on the `Android 4.1 (Jelly Beans)`

---

<div class="post-metadata">

**Author:** ![adam](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/adam/32/63947_2.png) [@adam](https://forum.ionicframework.com/u/adam)\
**Post date:** [December 17, 2013, 4:14pm UTC](https://forum.ionicframework.com/t/side-menu-not-showing-on-android-phone/270/2 "2013-12-17T16:14:44Z")

</div>

Are you able to test if this is also an issue with Android 4.2 or higher?

---

<div class="post-metadata">

**Author:** ![gunta85](https://avatars.discourse-cdn.com/v4/letter/g/d6d6ee/32.png) [@gunta85](https://forum.ionicframework.com/u/gunta85)\
**Post date:** [December 18, 2013, 7:03am UTC](https://forum.ionicframework.com/t/side-menu-not-showing-on-android-phone/270/3 "2013-12-18T07:03:45Z")

</div>

I can confirm it completely doesn’t works on Android.

---

<div class="post-metadata">

**Author:** ![saurabhgupta050](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/saurabhgupta050/32/6996_2.png) [@saurabhgupta050](https://forum.ionicframework.com/u/saurabhgupta050)\
**Post date:** [December 18, 2013, 7:22am UTC](https://forum.ionicframework.com/t/side-menu-not-showing-on-android-phone/270/4 "2013-12-18T07:22:19Z")

</div>

I have tested it on android emulator with version 4.3. Menu is not showing at all.

---

<div class="post-metadata">

**Author:** ![max](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/max/32/137761_2.png) [@max](https://forum.ionicframework.com/u/max)\
**Post date:** [December 19, 2013, 1:35am UTC](https://forum.ionicframework.com/t/side-menu-not-showing-on-android-phone/270/5 "2013-12-19T01:35:50Z")

</div>

Hmm. It’s working for me. All I’m noticing is on the Moto G in Chrome the dragging isn’t working.

Do you guys have any test code we can play with?

---

<div class="post-metadata">

**Author:** ![kucukkanat](https://avatars.discourse-cdn.com/v4/letter/k/dc4da7/32.png) [@kucukkanat](https://forum.ionicframework.com/u/kucukkanat)\
**Post date:** [December 19, 2013, 3:20pm UTC](https://forum.ionicframework.com/t/side-menu-not-showing-on-android-phone/270/6 "2013-12-19T15:20:58Z")

</div>

Check mine, I ave the same issue too.

[http://tivelab.com/apps/enjoythehat/test.html](http://tivelab.com/apps/enjoythehat/test.html)

---

<div class="post-metadata">

**Author:** ![darrenahunter](https://avatars.discourse-cdn.com/v4/letter/d/ecb155/32.png) [@darrenahunter](https://forum.ionicframework.com/u/darrenahunter)\
**Post date:** [December 21, 2013, 3:31am UTC](https://forum.ionicframework.com/t/side-menu-not-showing-on-android-phone/270/7 "2013-12-21T03:31:16Z")

</div>

Having same problem. On emulator and device - device is 4.2 Samsung s2.  
All I did was take the ionic-seed code and add the side-menus stuff from the tutorial guide pages and no good on android. works well on ios. On android on emulator side menu does nothing. on android on device (4.2) only the navbar slides.

hope this helps  
cheers  
Darren

---

<div class="post-metadata">

**Author:** ![saurabhgupta050](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/saurabhgupta050/32/6996_2.png) [@saurabhgupta050](https://forum.ionicframework.com/u/saurabhgupta050)\
**Post date:** [December 21, 2013, 1:29pm UTC](https://forum.ionicframework.com/t/side-menu-not-showing-on-android-phone/270/8 "2013-12-21T13:29:57Z")

</div>

Exact same problem I had. Side menus are not working on emulator even with 4.3 device. I did some digging around and guess thats the problem with Android’s `WebView`. In ionic the latest CSS3 animations are used which are not properly supported by Android’s prior versions. They are working fine with latest Android 4.4.

---

<div class="post-metadata">

**Author:** ![cegodai](https://avatars.discourse-cdn.com/v4/letter/c/a8b319/32.png) [@cegodai](https://forum.ionicframework.com/u/cegodai)\
**Post date:** [December 23, 2013, 6:31am UTC](https://forum.ionicframework.com/t/side-menu-not-showing-on-android-phone/270/9 "2013-12-23T06:31:24Z")

</div>

in my new phone is exactly the same, doent show the content! only i can see the side panel but no the content my phone is a motorola razr d1

---

<div class="post-metadata">

**Author:** ![max](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/max/32/137761_2.png) [@max](https://forum.ionicframework.com/u/max)\
**Post date:** [January 8, 2014, 1:27am UTC](https://forum.ionicframework.com/t/side-menu-not-showing-on-android-phone/270/10 "2014-01-08T01:27:16Z")

</div>

Just posted a bug, please track updates on this here and we’ll see about getting it fixed. Thanks! [https://github.com/driftyco/ionic/issues/371](https://github.com/driftyco/ionic/issues/371)

---

<div class="post-metadata">

**Author:** ![max](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/max/32/137761_2.png) [@max](https://forum.ionicframework.com/u/max)\
**Post date:** [January 10, 2014, 3:56pm UTC](https://forum.ionicframework.com/t/side-menu-not-showing-on-android-phone/270/11 "2014-01-10T15:56:27Z")

</div>

I’m still having a lot of trouble reproducing this. Does anyone have an example that is broken that I could try testing with?

Thanks!

---

<div class="post-metadata">

**Author:** ![mael\_primet](https://avatars.discourse-cdn.com/v4/letter/m/45deac/32.png) [@mael\_primet](https://forum.ionicframework.com/u/mael_primet)\
**Post date:** [February 10, 2014, 10:02am UTC](https://forum.ionicframework.com/t/side-menu-not-showing-on-android-phone/270/12 "2014-02-10T10:02:49Z")

</div>

I’m having the same problem here, the side menu on the example project does not work on Android 4.1 to 4.3, but works fine on Android 4.4

---

<div class="post-metadata">

**Author:** ![michael](https://avatars.discourse-cdn.com/v4/letter/m/4bbf92/32.png) [@michael](https://forum.ionicframework.com/u/michael)\
**Post date:** [June 12, 2014, 8:38am UTC](https://forum.ionicframework.com/t/side-menu-not-showing-on-android-phone/270/13 "2014-06-12T08:38:21Z")

</div>

Hate to say this, but I’m having the same problem on iOS device (iPhone 5) and iOS simulator. Only works in web browser. It’s the example project on the ionic site, the projects side view does not list the projects (nor the one created at the beginning or others added later)

---

<div class="post-metadata">

**Author:** ![shmert](https://avatars.discourse-cdn.com/v4/letter/s/278dde/32.png) [@shmert](https://forum.ionicframework.com/u/shmert)\
**Post date:** [June 23, 2014, 7:39pm UTC](https://forum.ionicframework.com/t/side-menu-not-showing-on-android-phone/270/14 "2014-06-23T19:39:34Z")

</div>

Noticing this on iOS as well. Works fine in Safari on the phone, but the bundled app shows a blank side nav menu (my login form button is also truncated, which may be a clue).

index.html:

```
  <body ng-app="sts" ng-controller="DriverAppCtrl" class="ionic">
    <ion-nav-view animation="slide-left-right"></ion-nav-view>
  </body>

```

checkpoint-list.html (which is rendered by the ion-nav-view)

```
<div ng-show="!session.credentials.driver">
    <ion-header-bar>
        <h1 class="title">Login</h1>
    </ion-header-bar>

   <div class="content has-header" ng-controller="LoginCtrl">
        <form role="form" ng-submit="login(username, password)">
            <div class="list">
                <label class="item item-input">
                    <span class="input-label">Username</span>
                    <input type="tel" ng-model="username"/>
                </label>
                <label class="item item-input">
                    <span class="input-label">Password</span>
                    <input type="password" ng-model="password"/>
                </label>
            </div>
            <div style="padding:0 30px 30px"><!-- the bottom of this button is cut off in emulation, but shows correctly in safari. Something to do with inline CSS? -->
                <button type="submit" class="button button-positive button-block">Sign In</button>
            </div>
        </form>
    </div>

</div>

<ion-side-menus ng-show="session.credentials.driver">
    <!-- Center content -->
    <ion-side-menu-content drag-content="false">
        <ion-header-bar class="bar-stable">
            <button class="button button-icon" menu-toggle="left">
                <i class="icon ion-navicon"></i>
            </button>
            <h1 class="title"><!-- header stuff omitted --></h1>
        </ion-header-bar>
        <ion-content scroll="true">
            <ion-refresher
                    pulling-text="Pull to refresh..."
                    on-refresh="sync()">
            </ion-refresher>

            <ion-list>
                <!-- list stuff omitted -->
            </ion-list>
        </ion-content>
    </ion-side-menu-content>
    <!-- Left menu -->
    <ion-side-menu side="left" class="settings">
        <ion-header-bar class="bar-dark">
            <button class="button button-icon ion-close" menu-toggle="left"></button>
            <h1 class="title">Settings</h1>
        </ion-header-bar>
        <ion-content scroll="false">

            <button class="button button-block button-large button-light ion-clock" ng-click="clockInOut()">
                <span ng-show="session.credentials.driver.clockedIn">Clock Out</span>
                <span ng-show="!session.credentials.driver.clockedIn">Clock In</span>

            </button>

            <a class="button button-block button-large button-light ion-ios7-telephone" href="tel:4155551234">
                Call Dispatch
            </a>

            <button class="button button-block button-large button-light ion-log-out" ng-click="logout()">
                Sign Out
            </button>
        </ion-content>

    </ion-side-menu>

</ion-side-menus>

```