Hi @jeremy, my suggestion is to create a duplicate of your Navbar symbol, then give each symbol a unique ID. Make one symbol to show only on desktop, and the other on tablet and phone views. After doing that in the designer, go to Site Settings and click on the Custom Code tab and enter the style information below into the header:
<style>
@media (max-width: 1024px) {
#desktop-nav {display: none;}
#mobile-nav {display: block;}
}
</style>
Save changes and republish your site. I made a quick video as an example of what to do in the designer.
I hope this suggestion works/helps If not, let me know.
Cheers, Dave