• Hey there…

    i am having trouble highlighting a link as a current item. i am using the “flexi page widget” and it is showing these classes:

    <ul>
    <li id="flexi-pages-1" class="widget flexipages_widget"><ul>
    <li class="page_item page-item-1"><a href="#" title="About">About</a></li>
    <li class="page_item page-item-3 current_page_ancestor current_page_parent"><a href="#" title="Products">Products</a>
    <ul>
    <li class="page_item page-item-6 current_page_item"><a href="#" title="Products One">Products One</a></li>
    <li class="page_item page-item-4 current_page_item"><a href="#" title="Products Two">Products Two</a></li>
    </ul>
    </li>
    <li class="page_item page-item-10"><a href="#" title="Contact">Contact</a></li>
    </ul>
    </li>
    </ul>

    if i set theses clasess “current_page_ancestor” and/or “current_page_parent” the children also show as current.

    what am i doing wrong? please help!

Viewing 1 replies (of 1 total)
  • Try reversing the highlighting for the children:

    li.current_page_parent { [highlight]; }
    li.current_page_parent li { [don't highlight]; }
Viewing 1 replies (of 1 total)

The topic ‘Menu highlighting’ is closed to new replies.