Los estilos en joomshaper, según el framework de la plantilla, como por ejemplo el HELIX 2, suelen utilizar la tecnica Responsive Web Design, y utilizan el lenguaje avanzado LESS para los estilos.
Por lo que he visto, hay un archivo en /templates/NOMBRE_PLANTILLA/less/ llamado menu.less. Ahi puedes porbar sobre las linea 305 / 307 debajo de el siguiente código:
[code type=php]
.nav-collapse, .nav-collapse.collapse{
z-index: 999;
top: auto;
} [/code]
Añadir el siguiente código
[code type=php]/*split menu*/
#sublevel{
margin-top: 3px !important;
border-top: 2;
position: static !important;
}[/code]
Quedando del siguiente modo entre MOBILE MENU y FIXED MENU:
[code type=php]//Mobile Menu
.sp-main-menu-toggler.btn {
padding: 6px 14px 5px;
top: 199px;
right: 20px;
i{
&:hover{color: inherit;}
}
}
.nav-collapse, .nav-collapse.collapse{
z-index: 999;
top: auto;
}
/*split menu*/
#sublevel{
margin-top: 3px !important;
border-top: 2;
position: static !important;
}
//fixed menu
.menu-fixed{
//position: fixed !important;
top:0;
width: 100%;
//z-index: 9999 !important;
.animation(~’fadeInDown 900ms’);
}
.fixed .hidden-desktop {
display: none;
}
.sp-mobile-menu {
background: #333;
}[/code]
Prueba a ver.