Hi there, on my site: healthfulev.com, I added a box around one of my menu items in the secondary navigation. Since then the active color no longer shows for my secondary navigation. I added the code from above and its still not working. Can you please let me know what's wrong with my code?
/* navigation style */
.Header-nav.Header-nav--secondary a.Header-nav-item:nth-child(3) {
background-color: white;
padding: 10px 20px;
border-radius: 0px;
border: 1px solid black;
color: black;
}
.Header-nav.Header-nav--secondary a.Header-nav-item:nth-child(3) {
background-color: white;
color: #black!important;
}
.Header-nav-item--active {
color: #F634FA !important;
}
.Header-nav.Header-nav--primary a.Header-nav-item:hover {
color: #F634FA!important;
}
.Header-nav.Header-nav--secondary a.Header-nav-item:hover {
color: #F634FA!important;
}
/* navigation style */