Actualizar componente para mostrar el menú en la parte superior del sitio web

[moudev]

Descripción

• Actualizar el archivo menu.js para mostrar las opciones en un navbar en el top de la página.
• Versión móvil estilo acordeón
• Cada opción del Menú puede tener sub-menús
• En versión desktop se tiene que mostrar el sub-menú al momento de hacer :hover sobre la opción
• En la página principal del sitio el menú tiene que tener un fondo transparente pero luego de hacer scroll y llegar al contenido que está después del componente header.js, el menú debe de tener un background azul que siga con los colores ya asignados en el sitio, aparte que tiene que mostrar el logo de la iniciativa cuando esto pase, lo mismo para la versión móvil
• En otras páginas que no sean la página principal, no es necesario estar revisando el scroll ya que por defecto el componente menu.js siempre tendrá el fondo azul y mostrar el logo de la iniciativa.
• Se puede tomar como base el ya asignado en WP

Capturas

• Estilo del menú en la versión móvil de el sitio de WP