Hallo,
ich wollte diese mobile Menü https://github.com/pixelianer/selectnav.js in Contao einbauen. Soweit ist das ja auch recht einfach.
Nur stehe ich jetzt vor dem Problem die Strucktur von dem Template nav_default so zu verändern das diese Strucktur herauskommt.
HTML-Code:
<ul id="nav">
<li><a href="homepage.html">Homepage</a></li>
<li><a href="about.html" class="active">About us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
Wenn man hier aber submenüs hat erscheint dann auch in den Submenüs
HTML-Code:
<ul id="nav">
<li><a href="homepage.html">Homepage</a></li>
<ul id="nav">
<li><a href="test.html">test</a></li>
<li><a href="test.html" class="active">test</a></li>
<li><a href="test.html">test</a></li>
</ul>
<li><a href="about.html" class="active">About us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
Es sollte aber so aussehen.
HTML-Code:
<ul id="nav">
<li><a href="homepage.html">Homepage</a></li>
<ul>
<li><a href="test.html">test</a></li>
<li><a href="test.html" class="active">test</a></li>
<li><a href="test.html">test</a></li>
</ul>
<li><a href="about.html" class="active">About us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
Könntet ihr mir da bitte helfen, dass das erste UL nur einmal ausgegeben wird.
Lesezeichen