Problem Offcanvas menu child items

Dragos01

Hi,

www.westfriesgenootschap.nl has a big menu with more layers of child items.

I have a problem with the sidemenu / offcanvas menu on mobile view.

It opens the menu as it should, but the the second child menu opens correct... when i want to go to third child menu it closes the second instead of opening the third. (I go from Home to Commissies --> Commissie Geschiedschrijving ---> Weblezing ) But all third childs have this problem.
Menu option is correct set up: shows all child items. Normal screen works correct.

How to fix this?

Dragos01

@saguaros You might have an idea for this?

Dragos

saguaros

HI Dragos,

You can use this custom CSS:

/*off-canvas issue*/
.t4-offcanvas .t4-off-canvas-body .mod-menu-flex .drilldown-effect .navbar-nav .dropdown-menu {
  top: 0;
  transform: none;
}

.t4-offcanvas.oc-level-3 .drilldown-effect .navbar-nav {
  transform: translateX(-300%);
}

.t4-offcanvas.oc-level-4 .drilldown-effect .navbar-nav {
  transform: translateX(-400%);
}

.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .nav-item {
  position: static;
  transform: none;
}

and let me know how it goes.

Dragos01

Thanks! This worked for me.