Te cuento un poco más en detalle entonces, quizás puedas darme una mano. Voy pasándote algunos códigos para que veas cómo se arma, espero ser lo más conciso posible. El sitio está hecho en Python y Django, por ende, los objetos se llaman con los tags correspondientes, puede ser:
Código HTML:
<div id="content">
<!-- ESTE FOR LLAMA A LA CATEGORIA DE NIVEL 2-->
{% for categories.level2 %}
<div id="categ_2">
<h1>{{categ_2.name}}</h1>
<!-- ESTE FOR LLAMA A LAS CATEGORIAS DE NIVEL 3 VINCULADAS A LA DE NIVEL 2 QUE LAS CONTIENE -->
{% for categories.level3 %}
<p>{{categ_3.name}}</p>
{% endfor %}
</div>
{% endfor %}
<!-- ESTE CIERRA EL PRIMER FOR-->
</div> Entonces, lo que vos estás viendo en el ejemplo, de color celeste, sería el <div id="categ_2">, que por dentro tiene sub-categorías. El {% for categories.level2 %} lo que hace es traer todas las categorías de nivel 2 alfabéticamente ordenada, por eso no puedo ir metiéndolo en distintos contenedores, trae todo dentro del <div id="content">...
Esto, una vez online, se mostraría así -lo hago con un ejemplo básico-:
Código HTML:
<div id="content">
<div id="categ_2">
<h1>Automotores y Autopartes</h1>
<p>Accesorios</p>
<p>Carrocería</p>
<p>Motor</p>
</div>
<div id="categ_2">
<h1>Construcción</h1>
<p>Aberturas y Cerramientos</p>
<p>Materiales</p>
<p>Pisos y Revestimientos</p>
</div>
<div id="categ_2">
<h1>Muebles y Decoración</h1>
<p>Decoración Ambiental</p>
<p>Jardín y Exteriores</p>
<p>Muebles de Interior</p>
</div>
</div>