2º Iremos a la plantilla de nuestra página , mientras más genérica mejor por ejemplo el primer index.php que tenga información del head .
Insertaremos dentro del head lo siguiente. Cuidado con el formato del texto
Luego abajo justo antes del </body> . Yo he usado la llamada JQuery pero si acepta tu plantilla el $ puedes hacer referencia a Jquery así.
3º Por último debemos de ver la estructura de nuestro menú, ver alguna de las clases que tenga el nav . En mi caso la clase es navbar por lo que pondré en el script de arriba .navbar . Lo que aparece después del .navbar es para que solo se habrán los que tengan submenú haciendo referencia a si tiene o no un <ul>
<nav class="main navbar navbar-default navbar-we-mega-menu mobile-collapse hover-action" data-menu-name="main" data-block-theme="natiboo_laguiadelmotor_theme" data-style="Default" data-animation="None" data-delay="" data-duration="" data-autoarrow="" data-alwayshowsubmenu="" data-action="hover" data-mobile-collapse="0">
<div class="container-fluid">
<ul class="we-mega-menu-ul nav nav-tabs">
<li class="we-mega-menu-li" data-level="0" data-element-type="we-mega-menu-li" description="" data-id="views.coches.page_1" data-submenu="0" hide-sub-when-collapse="" data-group="0" data-class="" data-icon="" data-caption="" data-alignsub="" data-target="">
<a class="we-mega-menu-li" title="" href="/coches" target="">
Coches
</a>
</li><li class="we-mega-menu-li dropdown-menu" data-level="0" data-element-type="we-mega-menu-li" description="" data-id="views.noticias.page_1" data-submenu="1" hide-sub-when-collapse="" data-group="0" data-class="" data-icon="" data-caption="" data-alignsub="" data-target="">
<a class="we-mega-menu-li" title="" href="/noticias" target="">
Noticias
</a>
<div class="we-mega-menu-submenu" data-element-type="we-mega-menu-submenu" data-submenu-width="" data-class="" style="width: px">
<div class="we-mega-menu-submenu-inner">
<div class="we-mega-menu-row" data-element-type="we-mega-menu-row" data-custom-row="0">
<div class="we-mega-menu-col span12" data-element-type="we-mega-menu-col" data-width="12" data-block="" data-blocktitle="0" data-hidewhencollapse="" data-class="">
<ul class="nav nav-tabs subul">
<li class="we-mega-menu-li" data-level="1" data-element-type="we-mega-menu-li" description="" data-id="acedb12c-3cae-404b-9dfd-5f0690e9000f" data-submenu="0" hide-sub-when-collapse="" data-group="0" data-class="" data-icon="" data-caption="" data-alignsub="" data-target="">
<a class="we-mega-menu-li" title="" href="/noticias/actualidad" target="">
Actualidad
</a>
</li><li class="we-mega-menu-li" data-level="1" data-element-type="we-mega-menu-li" description="" data-id="e7ef502e-ce0d-4612-9230-65e7dea246b2" data-submenu="0" hide-sub-when-collapse="" data-group="0" data-class="" data-icon="" data-caption="" data-alignsub="" data-target="">
<a class="we-mega-menu-li" title="" href="/noticias/novedades" target="">
Novedades
</a>
</li><li class="we-mega-menu-li" data-level="1" data-element-type="we-mega-menu-li" description="" data-id="8d553108-2ed4-4a27-994e-3083e5d113d4" data-submenu="0" hide-sub-when-collapse="" data-group="0" data-class="" data-icon="" data-caption="" data-alignsub="" data-target="">
<a class="we-mega-menu-li" title="" href="/noticias/clasicos" target="">
Clásicos
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li><li class="we-mega-menu-li" data-level="0" data-element-type="we-mega-menu-li" description="Eventos" data-id="c1e82ad2-fab7-4824-be8b-50008d89fd72" data-submenu="0" hide-sub-when-collapse="0">
<a class="we-mega-menu-li" title="Eventos" href="/eventos" target="">
Eventos
</a>
</li><li class="we-mega-menu-li" data-level="0" data-element-type="we-mega-menu-li" description="" data-id="b4ad3504-64a9-41fb-ba50-8aefd868053d" data-submenu="0" hide-sub-when-collapse="" data-group="0" data-class="" data-icon="" data-caption="" data-alignsub="" data-target="">
<a class="we-mega-menu-li" title="" href="/node/add/coche" target="">
Publica una oferta
</a>
</li><li class="we-mega-menu-li" data-level="0" data-element-type="we-mega-menu-li" description="Revista Digital" data-id="1e2cb5c0-86a3-4dde-9fb5-c40eb0661c56" data-submenu="0" hide-sub-when-collapse="0">
revista digital
</a>
</li>
</ul>
</div>
</nav>
Si en vez de navbar la estructura fuera <nav #menu ... Podríamos poner en el javascript