How to hide menu item on desktop? -- Symmetry theme

[palmpeter]

Hello,
I am building a store with Symmetry. The site is not yet public, but the main menu is just like it appears on the theme demo Ecommerce Website Templates - Free and Premium Themes for Your Online Store.

I would like to hide one of the tier-1 items on desktop (to show on mobile widths only) … but the menu items do not have IDs, so I cannot use CSS to hide just that one.
Can you see a way to hide just one menu item in the Symmetry theme?
Or perhaps is there a way to apply a duplicate adjusted menu to mobile views?

Regards, Peter

[Maximus3]

Just checking, but what would happen if you duplicate the menu in Admin, edit for mobile, then select that menu for mobile in the theme editor?

[palmpeter]

Thanks Maximus! Yes there is an option to use a differnt menu for mobile.

I also found this CSS cludge to hide the first menu list element:
@media (min-width: 769px) {
.navigation__tier-1 li:nth-child(1) {
display: none !important;
}
}