Currently Selected Nav Menu Color Not Changing (Home Tab)

• 

  melodykick · Member · Mar 13, 2014 at 5:03 am

  • Copy link
  • Add topic to favorites

  Ok, so I attempted to change the FONT color of the currently selected nav menu tabs by using:

  .nav-menu .current_page_item > a,
  .nav-menu .current_page_ancestor > a,
  .nav-menu .current-menu-item > a,
  .nav-menu .current-menu-ancestor > a {
  color: #000077;

  and that is working fine for all other tabs but the HOME tab (which is the first tab on my nav menu). It is strange because it changes color when I go into the customization suite, but when I go the actual live site it doesn’t work. Again, all other tabs that I click work fine, but the HOME tab font color just isn’t playing very nice. Any thoughts?
  P.S. If I’m confusing you (which I probably am) you are totally welcome to just check on the website itself. When it loads the homepage, the HOME tab is supposed to be dark blue. All other tabs change dark blue when you click them. Thanks guys!

  The blog I need help with is: (visible only to logged in users)

• 

  hfzrhmn · Member · Mar 13, 2014 at 7:50 am

  • Copy link

  Hi,

  You can try adding the following CSS:

  body.home #menu-item-249 a {
  	color: #000077;
  }

• 

  melodykick · Member · Mar 13, 2014 at 10:42 pm

  • Copy link

  Very cool! Worked perfectly. Thanks for the help! :)

• 

  hfzrhmn · Member · Mar 14, 2014 at 12:16 am

  • Copy link

  You’re welcome!