lively a:hover for navigation menu no longer operating?

truthful caution i’m a amateur to css and site design generally, i am simply seeking to make my portfolio glance great lol.

that being mentioned, i am creating a site with squarespace and i am the usage of this:

`.header-nav-item–active a {`

`background-color: #f7ff33!vital;}`

to focus on the textual content of the lively web page at the header yellow. i might additionally like for, when the mouse hovers over the lively highlighted textual content, that it will flip white, the similar manner that the non-active textual content turns yellow with this:

`.header-nav-item a:hover {`

`background-color: #f7ff33!vital;}`

however this is not operating:

`.header-nav-item–active a:hover {`

`background-color: #fff!vital;}`

​

how do i make the lively yellow highlighted textual content return to white upon hover?

that is my site: [`https://www.daxmii.com/`](https://www.daxmii.com/)

and this is the entire css i have were given occurring for the nav menu:

`.header-nav-item a {`

`background-image: none!vital;`

`}`

`.header-nav-item–active a {`

`background-color: #f7ff33!vital;`

`}`

`.header-nav-item–active a:hover {`

`background-color: #white!vital;`

`}`

`.header-nav-item a:hover {`

`background-color: #f7ff33!vital;`

`}`

`.header-nav-folder-item–hover a {`

`background-color: #f7ff33!vital;`

`}`

`.header-nav-folder-item a {`

`background-color: white!vital;`

`}`

View Reddit by way of daxmii – View Supply