Concrete 5 Theme: for Menu navigation - menu

Question

i am new to concrete 5, i search alot for theming of Menu (i.e: sub menu's) navigation with image icon and description but not found any related material. i have the following Html:
<div class="menu">
<ul>
<li><span>Hem</span></li>
<ul>
<li><span>New</span><img href="images/first.jpg" /><span class='short-description'>some description</span></li>
<li><span>Nice</span></li>
</ul>
<li><span>Om oss</span></li>
<ul>
<li><span>Om Shine</span><img href="images/second.jpg" /><span class='short-description'>some description</span></li>
<li><span>Uom</span></li>
<li><span>Opasd</span><img href="images/third.jpg" /><span class='short-description'>some description</span></li>
<li><span>Hem</span></li>
</ul>
<li><span>Tjänster</span></li>
<li><span>Referenser</span></li>
<li><span> Kontakt</span></li>
</ul>
</div>
So how i can theme for this in concrete 5. or use like.
<div id="headerNav">
<?php
$a = new Area('Header Nav');
$a->display($c);
?>
</div>
Any idea about it, that how to theme for this in concrete 5 for sub menus with description and image icon.... Thanx.

Answer 1

Open file concrete\concrete\blocks\autonav, and changed line
if ($c->getCollectionID() == $_c->getCollectionID()) {
echo('<li class="nav-selected nav-path-selected"><a class="nav-selected nav-path-selected" ' . $target . ' href="' . $pageLink . '">' . $ni->getName() . '</a>');
}
Apply your active class in " tag like
if ($c->getCollectionID() == $_c->getCollectionID()) {
echo('<li class="nav-selected nav-path-selected"><a class="active" ' . $target . ' href="' . $pageLink . '">' . $ni->getName() . '</a>');
}