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 */
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 */
