Este podría ser un problema de varias capas, ya que estoy usando múltiples tecnologías con las que no soy competente, pero espero poder obtener ayuda.

Tengo un front-end HTML/CSS/JS que compré en un sitio web de plantilla aleatoria. Estoy creando mi propio back-end usando el framework Django. Tengo un problema con los objetos de enlace de la barra de navegación que tiene el front-end en el objeto de la barra de navegación. Originalmente, el front-end es una aplicación de una sola página para un sitio web de cartera personal, y estoy dividiendo las secciones para que estén en páginas reales.

Originalmente, el código de enlace se ve así:

Donde puedo ver que la propiedad href se vincula a diferentes secciones definidas más adelante en la página web.

Después de mover los contenidos a diferentes páginas y agregar la plantilla relevante de django, se ve así:

Podemos ver que modifiqué la propiedad href e introduje los diferentes enlaces usando los comandos de django.

Al principio pensé que era un problema de django, pero luego lo probé al deshabilitar javascript y todo funciona bien sin él. Luego pensé que algo había estropeado el archivo main.js con el que venía este front-end, pero no he encontrado nada en él que modifique el enlace de navegación o los elementos de navegación. Otra cosa que noté es que si hago clic derecho -> abrir en una nueva pestaña, los enlaces funcionan bien.

¿Alguna sugerencia sobre lo que podría estar yendo mal aquí?