Hover Effect for menu

bump?

Rather than bumping can you post more information of the issue?
Why can’t you create the hover effects? What are you trying that isn’t working?

I can’t create the hover effect because I do not know how to do it, and there does not appear to be any feature built into the theme to do so.

Is there a feature to do that built into the theme?

If not, then I assume that I can write in code into the custom css plugin?

Where would I go to find / learn that code?

“I want each individual word / link (i.e. letters) in the menu to change color to white, with the background changing to a dark blue (same color as the logo) when the mouse is hovering over it.”

Hi,

Try this.

/* ! Main-Menu */
.main-navigation a:hover {
background: #203e96;
color: #ffffff;
}

/* ! Sub-Menu */
.main-navigation ul ul :hover > a {
background: #203e96;
color: #ffffff;
}

You might need to change the background color.

Thanks! That works great.

Any sites I can learn about menu coding? It kind of makes sense, but I don’t understand the “pronouns”… by which I mean /*! and those kinds of symbols.

Also, instead of the color change effect in the main menu (I like it just fine in the submenu), I’d like to add an underline effect for the main menu.