I would like to know whats the best way to display a long restaurant menu on a mobile? The menu consists for 7 categories. On tablet/desktop I have used a 2 column layout, one for the list itself and another for the nav links to jump to different sections. It should be noted come categories could consist of more than 50+ items.
How would one propose I do this for mobile devices?
Some of the ideas I had would be...
Have all categories collapsed, and have the user click to toggle viewing that category and simply get rid of the side index but I think because of the amount of scrolling they would have to do trying to navigate to different categories would be difficult.
Have a fixed nav above the actual list with the food categories, that will also highlight which section they are on so they know where they are mid-way though a list. The only problem I see with this one is trying to fit all nav items in one line (spanning multiple lines will not look clean IMO).