The nav links is invisible but are still clickable?

[titieo]

I've tested this on both Brave and FireFox. I've tried to fix this and it works. May you update the code please, thanks.

My code is here (sass/layout/_navigation.scss)

.navigation {
&__link {
            display: none;
    }

&__checkbox:checked ~ &__nav &__list &__item &__link {
        &:link,
        &:visited {
            display: inline-block;
        }
    }
}

https://user-images.githubusercontent.com/64778285/125754742-0c800d4c-b420-4030-a688-9121b2131299.mp4

[babatunde946]

New Text Document.txt
New Text Document (2).txt
copy this code and paste in the navigation.scss

[Suhail-007]

You don't need to give nav z-index of -1, set pointer events to none on initial state of nav and back to auto when checked.

[creatinnomitul]

Try other one to add visibility hidden and visible