Navigation lists do not show when side bar opens

Question

Does someone know why my navigation lists do not show when the sidebar is open? They are there but just not visible.

https://code.sololearn.com/W53zhoocoOAX

Thank you

Answer 1

Don't call the nav function immediately.

set the function to run onload

onload = () => {
...
}

Answer 2

Please check 79lines in your css code.

.navigation li {
opacity: 0;
}

You set value of opacity equal to 0. Thus the element is fully transparent (that is, invisible).
More about in https://developer.mozilla.org/en-US/docs/Web/CSS/opacity

To solve this issue, you need to set value equal to 1 or remove this code.

Answer 3

Thank you zexu knub. Ill change it.

Answer 4

Oleh Davydenko Thank you for answering. Your right but that will messup the js function. when the js function navSlide runs, it should change the keyframes navLinkFade opacity from 0 to 1 making it visable. So im thinking the bug js somewhere in the js file.