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

Issues

  • 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
https://preview.webflow.com/preview/ct-consultants-site?utm_medium=preview_link&utm_source=designer&utm_content=ct-consultants-site&preview=1750b220067562bc4981d6ee8a8a0c22&mode=preview


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