Problemas con el css de menu navegacion

Tengo un menú de navegación con submenús hecho con bootstrap y aplicando mis propias clases los cuales despliego con jquery. La cosa es que en el index.html me va a la perfección.
Pero cuando me voy a otra pagina que no sea index, todo el jquery para desplegar me lo hace bien pero los estilos de las subpaginas no me los coge.

Se puede ver como en la vista previa dinámica de brackets me marca los submenús con lineas azules pero no me aplica los estilos. Las rutas son las mismas que tengo puestas en el index, he probado a poner otras distintas y nada, me sigue pasando lo mismo. ¿Se os ocurre de qué puede ser?

Muchas gracias!!

Hola, ¿lo estas haciendo con javascript? si es así, te recomendaría hacerlo todo con css, ya que es más fácil y con javascript es más difícil mira el siguiente video:



Si con javascript no te sale puede ser que no lo tengas bien llamado, si la función del javascript está separado del documento html, tienes que llamarlo con script antes de </header> y si ya lo tienes, mira si lo llama bien.

Espero haberte ayudado