Menu Items – Need them highlighted under Submenu & secondary Submenu

First off, a huge THANK YOU to the coding geniuses on this forum. I have scant WordPress experience and I’ve been able to find the answers to several questions without posting until today. Very helpful!

I’m stuck on our Menu bar. Thanks to a prior forum post here, I was able to figure out how to get the Menu bar topic highlighted while the user/browser is on a specific topic page. For example, in the image below, the person is on our main Portfolio page. We also have our menu bar set up so that when a person scrolls over it with their mouse, it will turn that lighter olive green shade of color.

Example Menu Bar

I used this code, which I found on this forum, to get this result:

li.current-menu-item > a > .avia-menu-text {
background-color: white!important;
color:#b89d18!important;
}

The problem I am having is, I am trying to get the menu, in this case “Portfolio” to remain highlighted while the user is within the sub-pages under portfolio. Here is a picture of what I’m talking about.

Sub Menu 1

Additionally, when I go into the second sub-menu, under “Portfolio”, I would like the second menu bar to remain highlighted. In this case, it would be “Medical”. Here is a picture of what the secondary page looks like (a glimpse of it) and the items circled in red that I’m wanting to remain highlighted.

Sub Menu 2

Let me know if you have any coding suggestions I can try under Enfold > General Styling > Quick CSS. THANK YOU!!!

• This topic was modified 6 years, 3 months ago by MCGWebmaster.