Question about custom menu (multiple highlighted nav items)

CMS & WordPress
1

I have a custom menu with most of the top nav items dropping down to various pages in the site.

I also need to have it so that some pages are found in more than one drop-down menu.

Problem is, when you land on one of those pages, the custom menu highlights both parent nav items as being current.

Here is a basic example. If I have:

<ul>
<li>Top Item 1
  <ul><li>Page A</li></ul>
  <ul><li>Page B</li></ul>
</li>
<li>Top Item 2
  <ul><li>Page C</li></ul>
  <ul><li>Page D</li></ul>
  <ul><li>Page E</li></ul>
<li>
<li>Top Item 3
  <ul><li>Page A</li></ul>
  <ul><li>Page D</li></ul>
</li>
</ul>

See how both Page A and Page D are part of two menu drop downs?

Let’s say I click to go to Page A, what happens is both Top Item 1 and Top Item 3 will be both highlighted in the nav menu.

I can’t think of a way to force it to pick one Top Item over the other… One question is, which Top Item should be highlighted and which not highlighted? If it’s possible, would there be a way to choose one to be highlighted over the other?

Anyone have an idea or suggestion? TYIA

2

post the highlight code please. seems like you have to figure out if there is a way to target each individual button. would be nice to know.