Ion split pane sample for auto-hide and hamburger menu

This page shows how to use the split pane however does not provide enough information about how to make the left menu auto-hide on a phone and display a hamburger in the main caption i.e. the way most iPad and iPhone apps work:
Structure Layout | Structures for Content Layout on Ionic Apps (
The documentation is so sparse that Co-Pilot and ChatGPT cannot figure this out either.

It should be simple to create a simple index.html page to demonstrate this i.e. without the unnecessary complexity and bloat of Angular or React.

The IonMenu documentation has additional examples/info. Maybe that will help you?