Navigation Menu

[RecipeSocial]

Hi Bill,

For some reason, the navigation menu has changed colour half way through and no longer features the hover colour change on mouse over.

Any ideas as to what might be causing this?

Thanks,

Christian.

[Bill Robbins]

Good question. When the navigation is set up with single page links, every link gets the current page tag added to it by WordPress. The theme is set so that the hover color is the same as the current page color and that appears to be what’s happening here. That’s why the social icons are still black, since they aren’t on the current page.

Here’s how to adjust that:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   #header #navigation li.current-menu-item a,
   #header #navigation li.current-menu-item a:visited {
   	color: #000;
   }
   
   #header #navigation li.current-menu-item a:hover {
   	color: #0a6f71;
   }
   

3. Update your settings.

The first style there is for the normal state of your navigation menu items. The second one is for the hover state. Adjust those to fit your needs.

Let me know if you have any trouble there,
Bill

[Author]

Posts