I have been googling it..if I can add a mobile menu for each page with different navigation menus. I have tried few plugins but it seems that the menu could only have one menu per given time or per page. My home page has a separate menu selections. Then, my other pages have different menu selections and tabs. The mobile menu could only display either one, not based on the page I am on.
This is just bad UI. Don’t do that. Menu supposed to be consistent so when people go to open it they find what they expected.
Why don’t you just do further drop-downs in each section. Pretty sure that drop-downs can be several levels deep.
have them all in one nav then use css to hide the ones you dont want on the pages
I wrote this a long time ago but it was for a unique header. You’d just have to do the same but with the nav and base it on page name or something but I am not sure this is a good idea from a UI/UX perspective https://gist.github.com/jonathanfann/6e7fc5d49f23bdf284853fe210ec3ef9