# Side menu click not working

**URL:** <https://forum.ionicframework.com/t/side-menu-click-not-working/149169>\
**Category:** ionic-v3\
**Created:** [December 1, 2018, 8:18am UTC](https://forum.ionicframework.com/t/side-menu-click-not-working/149169 "2018-12-01T08:18:23Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![tamilm47](https://avatars.discourse-cdn.com/v4/letter/t/b3f665/32.png) [@tamilm47](https://forum.ionicframework.com/u/tamilm47)\
**Post date:** [December 1, 2018, 8:18am UTC](https://forum.ionicframework.com/t/side-menu-click-not-working/149169/1 "2018-12-01T08:18:23Z")

</div>

I am trying to implement two side menus(left and right) on same page.Left side menu working fine.  
Right side menu opened and not navigate to page.

Here is my code structure,

**left.html**

```auto
<ion-menu [content]="content">
    <ion-header>
        <ion-toolbar>
            <ion-title>Pages</ion-title>
        </ion-toolbar>
    </ion-header>
    <ion-content>
        <ion-list>
            <ion-item ion-item *ngFor="let p of pages" (click)="openPage(p)">
                {{p.title}}
            </ion-item>
        </ion-list>
    </ion-content>
</ion-menu>
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

```

This is the left menu.From this left side menu i am navigating to **HomePage**

**home.html**

```auto
<ion-header>
  <ion-navbar>
  	 <button ion-button menuToggle="left" start>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Home Page</ion-title>
    <button ion-button menuToggle="right" end>
        <ion-icon name="menu"></ion-icon>
    </button>
  </ion-navbar>
</ion-header>
<ion-content padding>
</ion-content>
<ion-nav [root]="rootPageRightMenu"></ion-nav>

```

**home.js**  
Here i have declared like below,

```auto
export class HomePage{
  rootPageRightMenu:any = 'RightSidemenuPage';
}

```

**right-side-menu.html**

```auto
<ion-menu [content]="content" side="right">
    <ion-header>
      <ion-navbar align-title="center">
        <ion-title>Database And Table</ion-title>
      </ion-navbar>
    </ion-header>
    <ion-content>
      <ion-list>
        <ion-item ion-item menuClose *ngFor="let page of rightMenuPages" (click)="rightMenuClick(page)">
            {{ page.title }}
        </ion-item>
      </ion-list>
    </ion-content>
</ion-menu>
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

```

**RightSidemenuPage**

```auto
export class RightSidemenuPage{
  rightMenuPages: Array<{title: string}>;
  constructor(public navCtrl: NavController, public navParams: NavParams,public menuCtrl: MenuController) {
    this.rightMenuPages= [
      { title: 'Page1' },
      { title: 'Page2' },
    ];
  }
  rightMenuClick(page) {
    this.nav.setRoot("HomePage");
    this.menuCtrl.close();
  }

```

My functionality is  
From left side menu i am navigating to HomPage.  
In the home page both right and left menus are available.  
In right side menu two items available “page1” and “page2”.  
If am clicking page1 it should go to the current page itself.This is what not happening.Not navigating to the HomePage  
There is no error showing in console when i am clicking item from right menu.  
Thanks in advance

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 9:08pm UTC](https://forum.ionicframework.com/t/side-menu-click-not-working/149169/2 "2021-07-19T21:08:05Z")

</div>