SOLVED: Deleted header, built a new one, and everything works as it should now. Thanks for the input everyone. I still don’t know why it did not work in the first place.
I have read similar posts here, reviewed the video on hover states, checked FB, and can’t find a solution. My expected result is that if the cursor hovers over “About”, that only that menu choice changes color. However, with the settings I have, the entire menu choices change. Is there workaround, or am I missing something?
Not at the menu yet, but you can add a class to the menu items via the wp menu itself.
I would write the css with :hover myself if needed.
But I guess you can target it right from the builder.
So in the wp menus builders click screen options (top right) and enable classes.
Add the classes to your menu items.
Example
mymenu-mainitems
mymenu-subitems
It causes the whole menu, all items, to change color on hover.
What I want to accomplish is to have only the one menu item that is to be chosen to change. To be clearer, if I hover over “ABOUT”, I want only that choice to change.
I ended up deleting the header and rebuilding it from scratch. That fixed the issue—now the hover states work as expected. Not sure what caused the problem initially.
