to display "current" status in menu w/dropdowns

[Laura]

Laura

February 25, 2014 at 11:42 am

Greetings! I fear my visitors will get mixed up about “How did I get here?” if my Menu doesn’t display their current location. Current works fine for the top level items on the menu, but when the visitor goes to one of the menu pulldown sub-pages the Menu shows nothing. My preference would be to have the parent-menu-item background highlight, not necessarily the pulldown-item. But I’m unable to find the right selector to place my style. http://www.hasselmannsbayco.org is my site. I’ll have to email you the log-in. Best page to see what I mean is “About Fees” which pulls down from “Reservations”

/* for MainNav menu on child pages, to style parent of the current dropdowns */

So, try this:

.sf-menu current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent li {
background: none repeat scroll 0 center rgba(228,242,253,0.2);
}

or this
.sf-menu current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor sf-dropdown li
or this
li.sf-menu current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor sf-dropdown

My selectors have no effect at all! Honestly, I’m a bit daunted by the long-list class name. Is that one class? Or should I be using more periods? Am I calling the page or the menu, parent or ancestor? Evidently I’m not calling anyone at all! Thanks very much for your help!