A todos nos habrá pasado que tras instalar Bootstrap en nuestra distribución de Drupal los menús no se despliegan automáticamente como cuando usamos este framework en otras plataformas. Esto es porque deberemos realizar un par de acciones para que funcione correctamente.
El primer paso consiste en entrar a estructura > menús > nuestro_menú y editar el item que queremos que se despliegue y seleccionamos la casilla "mostrar expandido".
El segundo paso lo deberemos realizar en la hoja de estilos de nuestro tema, preferiblemente y como es recomendado, en un hijo de Bootstrap. Para ello deberemos añadir las siguientes líneas al código css:
ul.nav li.dropdown:hover ul.dropdown-menu {
display: block;
}
ul.nav li.dropdown ul.dropdown-menu {
margin-top: 0;
}
Y con estos dos sencillos pasos ya tendremos nuestros menús desplegables en Drupal.
Añadir nuevo comentario