Mouse Hover Color Change in Hever Menu

• 

  dmattgomez · Member · Aug 1, 2020 at 2:43 pm

  • Copy link
  • Add topic to favorites

  Hi! I’m using the Hever theme and can’t seem to get the menu option’s text to change when the mouse hovers. However, I am certain that I am selecting the correct class, because I can change the background color during a hover, oddly enough.

  This is what I have tried, with only the background color changing.

  .main-navigation a:hover {
  color: green;
  background-color: black;
  }

  .menu a:hover {
  color: green;
  background-color: black;
  }

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

• 

  slantedplanet · Member · Aug 1, 2020 at 5:10 pm

  • Copy link

  Hello Derek!

  I had success with this:

  .site-header .main-navigation > div > ul > li:hover > a {color: green;}

  Let us know if that works for you.