Is there a way to achieve the ‘current’ state for a side navigation item for a third level page (parent>child>child)? Please look at this page to see how it currently appears. It has the bold text, but not the shaded background as the parent and first level child pages do when selected.
Hey davidrk!
Please add following code to Quick CSS in Enfold theme optison options unde Styling tab
#top .header_color .main_menu .menu .avia_mega_div ul .current-menu-item > a {
background-color: #e1e1e1; }
Regards,
Yigit
Thanks for that, however I was talking about the side-navigation, not the top navigation.
When viewing third level pages, (parent>child>child), The side navigation menu item doesn’t have the background colour highlights and borders. You can use previously supplied link to see what I mean.
Thanks
Hey!
Try adding this code to the Quick CSS:
.current_page_item {
background: #fcfcfc;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}
Cheers!
Josue
Sorry, not quite what I’m looking for. On the side navigation, my first level active child pages have a grey background and strokes above and below like this:
I also want the same effect for my second level active child pages, which current have no back ground highlighting:
Hope that makes it clearer. Thank you!
Hey!
Here’s the result if you apply the code i gave you:
Regards,
Josue
Yes it is! For some reason it works now. Always the way.
Thanks very much again for all of your help.
You are welcome, glad we could help :)
Regards,
Josue