Ion-split-pane with two menus

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

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

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.

1 Like