The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

JQuery Accordion Menu Widget
[resolved] How to highlight ONLY current menu item, not its parents or c (4 posts)

  1. Handule
    Posted 3 years ago #

    I know this topic has been discussed here for a few times, but I can't seem to get any solution.
    I would like to highlight (i.e. underline) in my menu the current item - only the current item, without its parents or sub pages.
    I'm using jQuery Vertical Accordion Menu with this setting:
    Auto expand based on current page/item
    Hover delay 0.2 sec
    Animation speed: normal
    Skin: no theme

    I've been playing with this for a while and I've tried these options:
    .current-menu-item { text-decoration: underlined;}
    #dc_jqaccordion_widget-%ID%-item ul a.active { text-decoration: underlined;}
    .dcjq-accordion li a.active { text-decoration: underlined;}
    #dc_jqaccordion_widget-%ID%-item ul a.active { text-decoration: underlined;}

    and some more options with ul and li.. but none of it worked.
    Here is my blog.
    Any ideas how to make this work?
    Any help wold be much appreciated. Thanks!


  2. Majklas
    Posted 3 years ago #

    try this:

    .menu li.current-menu-item > a,
    .menu li.current-menu-ancestor > a
    text-decoration: none;

    reply if this works :)

  3. Handule
    Posted 3 years ago #

    yaaaay this works!! thank you so much :)

  4. remix4
    Plugin Author

    Posted 3 years ago #

    Also see faq:

    How to identfiy the current menu item in an accordion menu


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • JQuery Accordion Menu Widget
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.