Hover link not showing in nav bar

HTML-CSS
1

Please could someone take a look at my code to see the hover is not showing?

https://codepen.io/mio-chung/pen/QWLBbWx

2

If you are talking about the nav, the hover is working for me.

3

Hi @miochung7,

The hover in the navbar doesn’t seem to work for me. I tried in chrome browser.
The main::after content has a z-index value of 3. I think that is the reason the hover fails to work.
I tried changing the z-index to 0 and it works fine. There wasn’t any significant changes in the design too. If there is a specific reason for that z-index value, let me know.

4

The hover is not showing on my machine. I use Firefox. Don’t forget to include ```

nav_list:hover  {
}

on your css to add interactions.

5

Thank you! You were right, the z-index was changed and it worked!