I have a set of pages that are sub-pages logically of a master page called “Documentation”. I would like to mark the “Documentation” menu header as active when someone is viewing any of the sub-pages. Is that possible?
Hi dohodoho!
If “Documentation” is an actual page then it should be highlighted automatically when any of the child pages are being viewed. I’m guessing your making custom links?
Best regards,
Elliott
Yes, it is correct that Documentation is highlighted correctly. But I would like other pages to highlight the same menu item. Is that possible?
Hi!
We could give you some CSS to add to the specific pages to highlight it. Send us a link to one of the pages and we’ll take a look.
Best regards,
Elliott
Looks like the menu-item id is 365, I guess this is what we need to refer to?
<li id=”menu-item-3635″ class=”menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-3634 current_page_item current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-top-level menu-item-top-level-6 dropdown_ul_available”>
Hi!
Try this out in a codeblock element in the page.
<style type = "text/css">
#menu-item3635 > li > a > .avia-menu-text { color: red !important; }
</style>
If that’s not working then send us a link to the page and we’ll take a look.
Best regards,
Elliott