For now I did succeeded.
Steps:
1-. Make two megamenus.
Link
2-. Sticky menus on top.
Link
3-. Change the ID of the second menu "t3-mainnav2"
4-. Add the following line to custom.css:
@media (max-width: 767px) {#t3-mainnav {display:none!important;}}
@media (min-width: 768px) {#t3-mainnav2 {display:none!important;}}
5-. Development Mode must be enabled. (I would like to know how is without less, if someone know plz sayit me
)
6-. Change this value on variables.less line 286: @grid-float-breakpoint: 0px;
7-. Enjoy it
?-. Questions:
It is possible in step 4 instead to hide, do not load it. For a lighter load?
It is possible to set Dropdown Trigger Hover in one menu, and Dropdown Trigger Click in other?