Split menu en plantillas de joomshaper

#112798
redloModerador Foro
Participante

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.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de sus datos para estos propósitos. Ver
Privacidad