Hi I am trying to find a way to keep the current sub menu open when one of the sub-menu pages are active. I would like only that sub menu to stay open and not all.

I have tried the following:

.masthead-inline .x-navbar.x-navbar-fixed-left .desktop .sub-menu {
    display:block;
}

I put the above on all child pages in css but it keeps all the submenus open and not just the block for that parent.

Thanks,

Jonathan

Thanks for writing in! This particular request is outside the scope of the support we can offer. However, try adding the following CSS rules into your Customizer, Custom > CSS section.

.masthead-inline .x-navbar.x-navbar-fixed-left .desktop .sub-menu .menu-item {
    display: none;
}

.masthead-inline .x-navbar.x-navbar-fixed-left .desktop .sub-menu .current-menu-item {
    display: block !important;
}

Thanks!

Thanks for trying to help. Unfortunately that didn’t work. What it did was stop the sub menus from displaying, however when you go to one of the child pages, that sub menu item only would show in the drop down but would not stay open after mouse click.

If you have any other ideas i’d really appreciate it.

Cheers,

Jonathan

ul.x-nav .current-menu-ancestor .sub-menu {
  display: block !important;
}

Hope it helps.

Jonathan