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 (ionicframework.com)
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.