CODEWITHSUNDEEP
ionic-frameworkionic4
Abhilash Shajan
Abhilash Shajan

Reputation: 650

Restrict IONIC side menu from auto populating for large screens

I have implemented side menu for my IONIC 5.0.0 application. In smaller device side menu is shrinking to Hamburger icon (working fine). I want the same behavior in large screens also but unfortunately the menu is fully visible in the landscape mode of my iPad (6th gen). Does anyone know how to hide the menu in Hamburger icon always (for all device).

Upvotes: 0

Views: 399

Answers (1)

Milan Chandro
Milan Chandro

Reputation: 2483

Seems you need to use when="false" property in the ion-split-pane component. Please find app.component.html. The location should be like src/app/app.component.html and change the following line from 

<ion-split-pane>

to

<ion-split-pane when="false">

To learn more about the ion-split-pane component, visit this link.

Upvotes: 5

Related Questions