ionic 3 side menu not working in ios
Asked Answered
T

2

7

My ionic side menu is working in android mobile but in ios i am not getting.

here is the code for .html

<button ion-button menuToggle icon-only class="menuButton"> 
  <ion-icon name="menu"></ion-icon>
</button>

<ion-menu [content]="mycontent">
  <ion-content>
    <ion-list>
      <p>some menu content, could be list items</p>
    </ion-list>
  </ion-content>
</ion-menu>

<ion-nav #mycontent ></ion-nav>

i dont understand where is my issue is if you need anything please let me know

my side menu is working in android and browser except ios

Trillium answered 6/5, 2017 at 10:33 Comment(0)
F
27

Try adding type="overlay" to the sidemenu:

<ion-menu [content]="mycontent" type="overlay">
Fatimafatimah answered 8/5, 2017 at 1:14 Comment(0)
S
2

use click function instead of menuToggle

<button ion-button icon-only start (click)="openSideMenu()">
     <ion-icon name="md-menu"></ion-icon>
</button>

open menu using

openSideMenu() {
   this.menuCtrl.enable(true)
    this.menuCtrl.toggle();    
}

disable menu before you push to new page

this.menuCtrl.enable(false)
Sextain answered 21/6, 2018 at 11:55 Comment(0)

© 2022 - 2024 — McMap. All rights reserved.