I have applied the md mode/class to be used at all times in the app. The split panel appears to be working properly on Android devices in the Chrome dev tools. One thing I have noticed though is when testing in dev tools when I select an iOS device the hamburger menu (ion-menu-toggle) disappears.
It appears a class ‘menu-toggle-hidden’ is applied when switching to iOS. Does anyone know how to prevent the hamburger from being hidden on small screen sizes? When it disappears, there is no way to toggle the split-panel if viewing from iOS and smaller screen sizes. Ideally, I’d like to use the md mode/class only since we plan on serving the material style to all devices.
This is my toolbar: (the ion-menu-toggle is the section that does not appear on iOS)
<ion-toolbar color="dark"> <ion-buttons slot="start"> <ion-menu-toggle> <ion-button> <ion-icon name="menu"></ion-icon> </ion-button> </ion-menu-toggle> </ion-buttons> <ion-title>Title</ion-title> <ion-buttons slot="primary"> <ion-button> <ion-icon name="search"></ion-icon> </ion-button> </ion-buttons> </ion-toolbar>
This is my app layout:
<ion-app> <ion-split-pane> <ion-menu></ion-menu> <ion-router-outlet main></ion-router-outlet> </ion-split-pane> </ion-app>
Any thoughts or suggestions would be greatly appreciated and thanks in advance!