Hello,
I would like the links in the sidebar menu to do a better job letting the user know what section they’re in and on what page within that section.
Parent: Products
Child: Crab (sub nav shows the coloring as desired)
Grandchild: Crab Leg (would like to show the same coloring as above, with the active grandchild page colorized as well as maintining the child section background color)
Hopefully the attached will help clarify what I’m after.
Thank you!
Hey lzevon,
can you provide us a precise link with the elements in question? couldn’t find the content you’re showing in your screenshot.
Best regards,
Andy
See the attached – should have been easy to find based on the text of my message?
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .widget_nav_menu li.current_page_ancestor {
background: white;
margin-right: -50px;
padding-right: 50px;
}
#top .widget_nav_menu li.current_page_ancestor > a,.main_color .sidebar .current_page_item>a {
color: #ff4511;
font-weight: bold;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
The best, thanks Yigit. This is why I own over 40 licenses for this theme :) I’ve probably referred at least as many to others.
Thank you!