Secondary navigation menu parallax: change color?

[MaryC]

Can someone tell me how to have the secondary menu, located at the very bottom of the home page, show in white? It's now black, with the parallax blue hover, but that means it's invisible.

I'm pretty sure I changed something in the css at one point to fix this, but I had to start over again and can't figure it out this time!

Thanks!

http://mcahalane.com

[andystitt829]

Hi Mary,

I found the problem. In line 2107 of style.css, you have:

.genesis-nav-menu > .menu-item > a {
	color: #000;
}

This makes your navigation menu link text black in both the top navigation and the one at the bottom where you're having the problem.

This should be a simple fix. Right below the code I previously showed you, add this:

.site-footer .nav-secondary li a {
	color: #fff;
}

I tested it on Firefox Developer Edition, and it worked. Plus, it keeps the parallax blue hover property.

Please let me know if it works for you.

On a side note, your name looks familiar. I think I came across you on Twitter once upon a time when I was more active in the NPTech community.

Andy

---

Andy Stitt
Website | Twitter

[MaryC]

Andy! Thank you so much. That did the trick - and didn't mess up my top menu, either. Perfect!

And yes, I think we did run into each other on the Twitter... The whole NP community there is amazing. So many great people!

Thank you, thank you, thank you!

[Author]

Posts