How do I make a dynamic menu?

I’ve got a Header / Desktop menu symbol and a mobile menu symbol.
Screen Shot 2020-05-12 at 2.04.31 PM


  • Since both menus are in symbols, i can’t edit them in the CMS
  • Both menus are separate and I would like the user to be able to edit the menu items in a single location

This seems like a very common pattern so i’m wondering what I’m missing.

Read Only link

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

I think the most common pattern is to have the menu to be the same element and simply style it for smaller breakpoints to become a hamburger nav