Make active navigation line different color than words above...

Site URL: https://www.ChrisPotterStudio.com

Hi there!

I'm trying to make the active state of my navigation to be a different color than the words.

Currently, on the home page (please see attached example), there's a line under "Home" and it's white — I'd like that line to be #77a3b4 instead.

ChrisPotterStudio.com

Any help would be greatly appreciated!

Thank you!
Chris Potter

I donated to Tuan Phan for solving this for me — thank you!

Here's his solution:

/* Nav active underline color */
div.header-nav-item--active a, div.header-menu-nav-item--active a {
    background-image: linear-gradient(to right,#77a3b4 100%,#77a3b4 0%) !important;
}