Jump to content


This topic is now archived and is closed to further replies.


How to have a different menu in mobile than for desktop?

Recommended Posts



How can I choose a different menu for the off-canvas mobile menu than the normal horizontal Navi shown for desktop?
I don't mean having the same menu in both and a secondary navigation added to mobile, but have different in both?

I feel like this could be a valuable feature in the navi/DMS -settings.


Share this post

Link to post
Share on other sites

I believe I solved this finally. 

I can go to the Site settings --> Layout & Nav and choose the "primary navigation menu". This is the one for mobile navigation.
Then in the Navi-section settings I can choose a custom menu for that (desktop version.)

Share this post

Link to post
Share on other sites

Yeah, thats what the those options are for. The Primary should be used for your sites main menu items like News/Blog, About, Contact etc... Where as secondary is used for less important menu items.


Please search our forums, before posting!

Share this post

Link to post
Share on other sites

  • Similar Content

    • Liv Kundalini
      By Liv Kundalini+
      Hi -
      Pulling my hair out over here, and would love an assist!
      Site I am building, http://www.livkundalini.com/home, has a problem with the submenu items in the nav not appearing. 
      If anyone wants to see what the Nav should look like, feel free to look in the footer on the left hand side.
      Have tried disabling Pagelines and using the twentyseventeen theme, but problem persists.
      Saw this error (pasted at the bottom of this post) displaying in the inspector, and saw discussion of Jetpack potentially being a culprit. Disabled Jetpack, but the problem persists.
      Had the hosting company even flush the server-side cache, but no avail.
      Any thoughts? Please? It's the only thing keeping me from launching this site!
      Many Thanks,
      WebSocket connection to 'wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data' failed: Error during WebSocket handshake: Unexpected response code: 403   O @ (index):7
    • russe-intensif
      By russe-intensif+
      Hi team,
      checking my site today, i'm surprised to see my MegaNav all in bottom of the pages, while it's in header.
      After getting to change it in couple of pages onto Template part (too time consuming !), i'm desperate and ask you for help :-)
      Thank you in advance !

    • dwpoyner
      By dwpoyner+
      Not sure exactly what is causing the issue. For some reason, why you view my site on mobile, the menu does not show up. It will pop up, but it is black. You can check it out here: http://dev.caryfbc.org. I'm also attaching a screenshot where I shrunk my browser down. Any suggestions?