Make parent active in menu when child is selected

  • Hi,

    I want to make the parent in my menu active as a child of this parent is selected. Is this possible?

    For example, see: https://tinyurl.com/hz7uukt This is page ‘Bezoek’, what is a child of ‘Zorg in Hospice’. Now I want ‘Zorg in Hospice’ to be selected.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Are the classes being output on your parent item in the navigation? If you’re not sure would you be able to show us your website?

    Thread Starter MiKeZZa

    (@mikezza)

    I don’t understand you’re question. But the URL is in my openingpost.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m sorry I thought that was a picture. Looking at your site, the CSS classes are already output on “Zorg in Hospice” or any other parent page in the menu. How do you want the menu styled “active”?

    Thread Starter MiKeZZa

    (@mikezza)

    It must be underlined, just like you hover it.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try adding this CSS:

    
.navbar .current-menu-parent > a {
    border-bottom: 3px solid #683077;
}

    If you don’t know where to add it, install a Custom CSS plugin to manage your CSS modifications.

    Thread Starter MiKeZZa

    (@mikezza)

    Yes. It did work!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Make parent active in menu when child is selected’ is closed to new replies.