Non-nested hierarchical search widget customisation

Hi there,

I’m using the shopify / instant search plug in. I’ve managed to customise most things, however I have a need for a two-level horizontally scrolling hierarchical menu, the child elements appear below the parent category for example:

New South Wales (15) Queensland (5) Victoria (3) …

Sydney (10) Newcastle (5)

I’ve managed to hack this using CSS, however I’d really like to separate out the nested unordered list in the HTML so I have two distinct containers, however this doesn’t seem possible in the render function. Am I using the wrong widget entirely? How is it best to have a two level navigation system based on facets to achieve this?

Any help greatfully received!