How to implement a two level menu with href="#" on the first level?

Question

1C-Bitrix

Good afternoon, comrades. How can you implement a two-level menu without the first HC (so that the first level is non-clickable, i.e. href="#")? Out of the box, the menu is tied to a link. If you change the link at the first HC, the menu items of the second level are not loaded. Any thoughts?
So far, only changing the first-level link attribute with JS after DOM construction comes to mind, but I would like to know if this method is anal. Thank you!

Answer 1

Everything is easy to do in the component template
if IS_PARENT echo "#"

Answer 2

You can change it through result_modifier, it should work.