Invalid HTML on the sidebar
MikeAlhayek opened this issue · comments
Mike Alhayek commented
First of all I want to thank you for this great template!
The menu code looks like the following
<ul class="collapse show" id="dashboard" data-parent="#sidebar-menu">
<div class="sub-menu">
<li class="active">
<a class="sidenav-item-link" href="index.html">
<span class="nav-text">Ecommerce</span>
</a>
</li>
<li>
<a class="sidenav-item-link" href="analytics.html">
<span class="nav-text">Analytics</span>
<span class="badge badge-success">new</span>
</a>
</li>
</div>
</ul>
However, it is invalid to add <div>
between the <ul>
and the <li>
I recommend that you change the code so something like this
<ul class="collapse show sub-menu" id="dashboard" data-parent="#sidebar-menu">
<li class="active">
<a class="sidenav-item-link" href="index.html">
<span class="nav-text">Ecommerce</span>
</a>
</li>
<li>
<a class="sidenav-item-link" href="analytics.html">
<span class="nav-text">Analytics</span>
<span class="badge badge-success">new</span>
</a>
</li>
</ul>
Of course, the CSS code may have to change as well to accommodate the change
sama55 commented
I also detected the same problem.
faruqtaf commented
Thanks for letting us know about the issue. We will fix it soon.