Making a 'mega' type menu with navigator templates
Posted: Mon Jan 27, 2020 9:54 am
Has any one done this, or can give me any pointers on how to achieve it. Basically I need to end up with code like this:
So each ul nested within the list item can be styled to show in its own column within the main dropdown panel
I hope you can picture what I'm trying to describe!
The main point is how in a navigator template would I separate out pages to push them into ul column 1, column 2 etc when they are all just child pages at the same level?
Thanks!
Code: Select all
<li class="mega">
<a href="x.html">Navigation link</a>
<div class="dropdown">
<ul>
<li>
<ul>
<li>A link</li>
<li>A link</li>
</ul>
</li>
<li>
<ul>
<li>A link that shows in a second column</li>
<li>A link that shows in a second column</li>
</ul>
</li>
</ul>
</div>
</li>
I hope you can picture what I'm trying to describe!
The main point is how in a navigator template would I separate out pages to push them into ul column 1, column 2 etc when they are all just child pages at the same level?
Thanks!