Sidebar navigation has a down arrow but nothing under it.

[Sebanisu]

I'm wondering why there is a down arrow and nothing under it on the sidebar?

I understand in this theme the right sidebar has the page contents and the left has the site contents.

So my index.html is generating something like this:

<div class="toctree-wrapper compound">
<ul>
<li class="toctree-l1"><a class="reference internal" href="archive.html">Archive Library</a><ul>
<li class="toctree-l2"><a class="reference internal" href="archive.html#cd-release">2000 CD release</a></li>
<li class="toctree-l2"><a class="reference internal" href="archive.html#steam-release">2013 Steam release</a></li>
<li class="toctree-l2"><a class="reference internal" href="archive.html#steam-remaster-release">2019 Steam Remaster release</a></li>
<li class="toctree-l2"><a class="reference internal" href="archive.html#archives">Archives</a><ul>
<li class="toctree-l3"><a class="reference internal" href="archive.html#archivetypet">ArchiveTypeT</a></li>
<li class="toctree-l3"><a class="reference internal" href="archive.html#fiflfs">FIFLFS</a><ul>
<li class="toctree-l4"><a class="reference internal" href="archive.html#grouping">Grouping</a><ul>
<li class="toctree-l5"><a class="reference internal" href="archive.html#file-list">File List</a></li>
<li class="toctree-l5"><a class="reference internal" href="archive.html#file-index">File Index</a></li>
<li class="toctree-l5"><a class="reference internal" href="archive.html#file-source">File Source</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="archive.html#zzz">ZZZ</a><ul>
<li class="toctree-l4"><a class="reference internal" href="archive.html#filedata">FileData</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="graphics.html">Graphics</a></li>
</ul>
</div>

My sidebar looks like this:

<div class="sidebar-tree">
  <ul>
<li class="toctree-l1 has-children"><a class="reference internal" href="archive.html">Archive Library</a><input class="toctree-checkbox" id="toctree-checkbox-1" name="toctree-checkbox-1" type="checkbox"><label for="toctree-checkbox-1"><i class="icon"><svg><use href="#svg-arrow-right"></use></svg></i></label><ul class="simple">
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="graphics.html">Graphics</a></li>
</ul>

</div>

[pradyunsg]

That's likely because you have a stray toctree directive in that file.

.. toctree::

[Sebanisu]

okay that seems to be the issue. I saw in an example having the empty toctree at the top. So I thought i was supposed to do that. heh. Thanks for the help.