3 levels main menu

Ok. I found it.

In header.php, line 113, changed the depth of the menu from 2 to 3.

But the child menu item “a. Salud mental” (in item in SERVICIOS > FARMACOGENETICA) fades when you hover on it. Hides to fast; you can see it here.

Any help on slowing down the hide code?

Thanks

Hello,

Sorry, but 3 level navigation isn’t supported at this moment, because of those issues, which we don’t have to fix at this moment.

Hello support just give me a hint where to look at; I might end up with the solution and publish it here to contribute.

Thanks

We made some little improvements, see in our latest beta here.

Thanks; I will try it.

BTW, below code solves the hide issue of 3th child.

.navbar-nav .dropdown .dropdown-menu .active a {
margin-top: -5px !important;
}

Hello support; your beta theme is working fine so far; just please provide a code to increase with of child menu item. You can see image here.

Thanks

Hello,

Can you give us a live demo page link?

https://www.dinamicaweb.net/sg/ then you hover to SERVICIOS > CáNCER and then you will see the 3rd item child “Test prenatal no invasivo” witch text is out of the box. We ned a wider container; some css code.

Thanks

Hello,

Sorry for our late response.

You can try something like this:

.navbar-primary ul ul {
   width: 250px!important;
}

Hello support:

In https://www.dinamicaweb.net/sg/servicios/salud-reproductiva/ when you hover in SALUD REPRODUCTIVA, the child item displays the font color of the parent (white).

Please provide a code to change the font color to blue.

Thanks

Please take note I′ve replaced the active color from “white” to “light blue”; but I still need the code. Thanks

Hello,

Sorry for our late response.

We can’t see your issue anymore, is it fixed?

Hello shufflehound; related to the issue above, yes, I still need the code.

Furthermore, I just realized there is a layout limitation for the third child item on responsive behavior; (below 1000px) you can see on 3th level child the items overflows to the right; the expected behavior should be the 3th child to go under the 2nd child, and not to fly out to the right; take at look HERE.

Please, any code to correct this behavior?

Thanks

I took a picturre of the issue; you can see it HERE

Hello,

Well for this issue to be solved you can try this:

@media screen and (max-width:1000px) {
   header.top .navbar-nav .dropdown .dropdown-menu li .dropdown-menu {
       left: -160%!important;
       float: left!important;
   }
}