disabling navagation hover

• 

  kristyleighmckay · Member · Dec 21, 2013 at 11:08 am

  • Copy link
  • Add topic to favorites

  Hello,

  What is the code for disabling the hover states in the main navigation menu.

  My template is Forever theme.

  Thank you.

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

• 

  thesacredpath · Member · Dec 21, 2013 at 6:14 pm

  • Copy link

  It is nice to give visitors a visual clue that they are on an active button or link, but you can remove the black background hover effect on the navigation entirely with the following. I set the color to inherit, which will turn the menu text the dark grey when hovered.

  #page #access li:hover > a {
      background: none;
      color: inherit;
  }

• 

  kristyleighmckay · Member · Dec 21, 2013 at 9:39 pm

  • Copy link

  Thank you. That has made a great difference.

  Is it possible to remove the hover only from the social icons on the right of the main navigation menu?

  Thank you.

• 

  thesacredpath · Member · Dec 22, 2013 at 12:27 am

  • Copy link

  Yes, you have the following rule in your CSS now. Add the “!important attribute to the color declaration.

  #menu-item-76 a, #menu-item-77 a, #menu-item-78 a {
      color: rgba(0, 0, 0, 0) !important;
  }

• 

  kristyleighmckay · Member · Dec 22, 2013 at 4:31 am

  • Copy link

  Woohoo! That has done it!
  Thank you.

• 

  thesacredpath · Member · Dec 22, 2013 at 4:49 am

  • Copy link

  You are welcome.