Secondary menu bold on active page

[martag]

Hello,
On this dev site: http://anchor.tgww.net

Themes: Modern Portfolio Pro

I have the hover secondary navigation in bold but for some reason I can't get the bold on the active page.

Hover bold...
.nav-secondary .genesis-nav-menu a:hover {
color: #000;
font-weight: bold;
}

So I thought for active...
.nav-secondary .genesis-nav-menu a:active {
color: #000;
font-weight: bold;
}

I looked again today with Firebug but couldn't figure out what else to try.

But it won't won't bold that link. Any other suggestions? Thanks!

http://anchor.tgww.net

[Lauren @ OnceCoupled]

I think you are looking for this:

.nav-secondary .current-menu-item a {
     color: #000;
     font-weight: bold;
}

Best,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[martag]

Oh thank you!!! I just had facepalm moment... of course that is what I am looking for.

Yes it has been a long week, you just saved me a huge headache for missing that.

Thank you!!!

[Lauren @ OnceCoupled]

Not a problem! Glad I understood what you were wanting. 🙂

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[Author]

Posts