I've got a navigation menu which looks as following and, it's concealed and triggered using a menu button.
View of the page while menu is collapsed
View of the page when menu is opened
The menu is functioning as expected and some menu items contain sub level menus. In that case, when the parent menu is selected, the rest of the menu entires will dissapear and the parent element will be animated to the left corner of the menu container and symultaniously, the secondary menu will appear using an animation.
This is the expected behaviour, but the menu is not responsive. What will be the best way to make this menu responsive? What I have in mind is to add a horizontal scroll bar, so that the user will have to scroll to see the menu content. Then again, if the user clicks on a menu entry which has child elements, it's going to be hard since the above mentioned animation.
What will be the best way to make this menu responsive, keeping the animation for sub level menus. ( I don't mind changing the animation on responsive views )