I have noticed that many web applications displayed in mobile devices or views seem to be simply moving or displaying the same content in a different viewport rather than trying to tailoring content for this use case/usage.
A result of this is the deeply nested or long navigation menus that are easily displayed in desktop view (e.g. using a mega menu) having to be squeezed into a very small space, which means that you also have to navigate the navigation menu with a very limited set of interactions.
Below is an example of a navigation menu on mobile that has multiple hierarchies and therefore requiring additional navigation elements, but I am wondering if this is a standard design pattern that is used in established development frameworks or a workaround while we are working out where the next trend of mobile application design is heading towards.
What is an common design pattern used for complex or deeply nested menu so that users can easily navigate the options (assuming that this provides a good user experience in the first place)?