search

jonasschmedtmann / advanced-css-course

Starter files, final projects and FAQ for my Advanced CSS course
https://www.udemy.com/advanced-css-and-sass/?couponCode=GITHUB4
4.58k stars 5.25k forks source link

The nav links is invisible but are still clickable? #75

Open titieo opened 3 years ago

titieo commented 3 years ago

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) ```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 2021-07-15 (2) 2021-07-15 (3)

babatunde946 commented 2 years ago

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

Suhail-007 commented 1 year ago

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 commented 1 year ago

Try other one to add visibility hidden and visible