Active TopLevel Menu Item when SubMenu Item is Clicked (3 posts)

  1. youthman
    Posted 3 years ago #

    On my site http://panaceaengineering.com/ if you click on a Top Level menu item (Home, About Us, Products etc), that Top Level Menu item remains "Active" or highlighted.

    I want the same thing to happen to the Top Level menu item when you click on a submenu item underneath it.

    For example, if you click on "Cinema Speakers" under the "Products" category, I would like for the "Products" button to be "Active" or highlighted.

  2. Peter_L
    Posted 3 years ago #

    An 'active' or current menu item gets a class 'current-menu-item'.

    In case of a submenu item, the submenu item gets that same class 'current-menu-item' and it's parent gets the class 'current-menu-parent'.

    This is already fully functional on your site. What you need to do now is add the styling to the 'current-menu-parent'.

  3. youthman
    Posted 3 years ago #

    Thanks Peter. I'll take a look in the CSS files and see if I can figure it out. I'm not much of a hand coder.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.