Menu navigation

Hi all,


Having a bad mental block at the moment… We might be making this more complicated than needed but have run out of ideas after re-reading the designs manual.



Please see the attached image as I try to explain what we're trying to achieve :slight_smile:



"Guidelines" and "Overview" = the same asset (just using a different name in the top nav)



When someone clicks on Guidelines, the contents of this page needs to display with Overview highlighted. If someone clicks on Tab 2/3/etc, it will go to a child page. Tab 1 is always the parent page. The top nav will remain as Guidelines.



Now, we can get the child pages to appear with the usual menu_normal design tags, but we can't get the parent page (Guidelines/Overview) to appear at the front of the list.



Hoping someone can assist!



Thanks
menuex.gif (4.68 KB)

Depending on what your HTML structure is set up like you could potentially use a CSS solution?


Maybe it's a little crazy, but let's say for instance it's a bit like;



<body id="overview"> <— id = asset_name

<div id="topnav">

<a>Guidelines</a>

</div>

<div id="subnav">

<a class="overview">Overview</a>

<a class="tab-2">Tab 2</a>

<a class="tab-3">Tab 3</a>

</div>

</body>



in your stylesheet;



#overview .overview, #tab-2 .tab-2, #tab-3 .tab-3 { /* Highlight styling here*/ }



Hope that makes sense?