COMO DESFIXAR UM MENU DE HTML EM JS (Animated Border Menu)

Oi

Não estou conseguindo desfixar o menu dessa template de menu chamada Animated Border Menu

Preciso que o menu não fique fixo na tela e que continue abrindo e fechando com o JS

https://codepen.io/Y--p--Y/pen/GfIrm

Esse é o código

Quando altero o css pra tirar a ''position: fixed" essas três barras somem simplesmente e não entendo porque.

Alguém sabe me dizer como fazer isso?

https://codepen.io/Y--p--Y/pen/GfIrm