Estoy creando una página web con Joomla. Las plantillas las he creado desde cero partiendo de HTML5 Boilerplate y las he adaptado para poder utilizarlas en Joomla.
Para el menú principal he utilizado la típica estructura de Bootstrap en la que en dispositivos pequeños aparece un botón que al ser pulsado muestra el menú en vertical mientras que en dispositivos de mayor tamaño muestra directamente el menú en horizontal.
El problema es que me funciona perfectamente en todas las páginas excepto en la portada. El botón aparece en dispositivos pequeños pero al apretarlo no muestra el menú en la portada. En cambio, en dispositivos mayores aparece el menú horizontal como cabe esperar desde el principio en la portada. En el resto de páginas todo funciona bien.
La plantilla que he utilizado en la portada es distinta a la que he utilizado en el resto de la página web pero la estructura del menú Bootstrap es la misma y la he escrito exactamente igual en los respectivos archivos index.php de las plantillas. La posición donde he añadido posteriormente un módulo de tipo menú desde Joomla también es la misma dentro de esta estructura de Bootstrap.
No tengo ni idea de cuál puede ser el problema. Agradecería mucho si alguien puede ayudarme.
El código que he escrito en ambas plantillas es el siguiente:
Código:
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
span class="icon-bar"></span>
</button>
<div id="navbar" class="navbar-collapse collapse">
<jdoc:include type="modules" name="navigation" style="none" />
</div>
</div>
</div>
</nav>
