I have a web app with a flow involving deep nested resources e.g
class -> attendance dates -> attendance (show) -> edit attendance
I explored various nav options like -
unidirectional flow with a back arrow and page title in navbar
constant navbar with a hamburger menu button for universal slide out menu and relying on browser / mobile back button for going back.
My app presently has a Whatsapp style nav on mobile with a hamburger menu button that toggles a slideout menu on level 1 pages i.e classes. On desktop, I show the slideout menu all the time (kind of like GMail on desktop).
When on 2nd or 3rd level pages, the user has to click on back arrow twice or thrice to get back to a first level page and then he can access the main slideout menu.
Most of my app's users are teachers who are a bit uncomfortable with my current UI. What's the best mobile UX pattern for such resources? A pizza menu on top right corner with link to dashboard? Or breadcrumbs?