Hi. I been fighting with this problem for couple of weeks now. Trying various approaches. From CSS styling to a custom walker.
I want to render each level as its own element. The navigation menu(defined in Appearence/Menu in Admin) consists of both Pages, Posts and WooCommerce products and categories.
When I'm on the homepage, I want to see LEVEL 1 Menu Objects. When I navigate to a LEVEL 1 page I wan't to show it's Children (LEVEL 2) in its own UL beneath the Top UL. If I navigate to a Child of LEVEL 1(level 2 object) I want to render its children as its own UL.
The picture attached shows this scenario where all the levels are shown. This, in the best of worlds, should not be dependent upon a specific number of levels though.
This should be a basic thing to accomplish but I fail horrendously - I'm new to WP / PHP ( coming from the .NET world )
Please help. Anything goes, pointer to a plugin, pure code, things to try ...