3 levels main menu
-
Hello Theme Forum:
Any way to make the Maskitto Light to display 3 levels in main upper navigation menu?
Thanks
-
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?
http://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 http://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; } }
The topic ‘3 levels main menu’ is closed to new replies.
