Active TopLevel Menu Item when SubMenu Item is Clicked

  • On my site https://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.

Viewing 2 replies - 1 through 2 (of 2 total)

  • 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’.

    Thread Starter youthman

    (@youthman)

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Active TopLevel Menu Item when SubMenu Item is Clicked’ is closed to new replies.