Ion-split-pane with two menus

Ionic Framework
1

I’m trying to us together with two menus:

<ion-split-pane>
   <ion-menu side="start" menuId="master" contentId="content">
      ... Main Menu ...
   </ion-menu>
   <ion-menu side="end" menuId="settings" contentId="content">
      ... Settings Menu ...
   </ion-menu>
   <ion-router-outlet id="content"></ion-router-outlet>
</ion-split-pane>

Is it possible that only one of the menus (the main menu) will be displayed on large devices? The other one (the settings menu) should be hidden like on smaller devices.

1 Like
2

Yeah you can I’m not clean with the code but you can achieve this by using the device’s width and if condition on template

3

Thanks for your reply. But with „when“ I can add a condition for showing the menu. This is working but I want to show only one of the menus.

2 Likes