Title: Fixing menu hover effect
Last modified: July 29, 2023

---

# Fixing menu hover effect

 *  Resolved [Yvette](https://wordpress.org/support/users/omaco/)
 * (@omaco)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/fixing-menu-hover-effect/)
 * Where is the setting to control the hover effect on the menu?
 * Example: Hover not working for [https://www.laaneoversikten.no/refinansiering/](https://www.laaneoversikten.no/refinansiering/)
   but the other main headings have a hover color in the main menu
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffixing-menu-hover-effect%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [David](https://wordpress.org/support/users/diggeddy/)
 * (@diggeddy)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/fixing-menu-hover-effect/#post-16931998)
 * Hi there,
 * there isn’t a setting for that. Generally you would set the Current Menu item
   colors to show the item is the current page.
 * To add hover to a current item, add this CSS:
 *     ```wp-block-code
       nav.main-navigation .main-nav ul li[class*="current-menu-"]:hover > a {
           color: #999999;
           background-color: #d6d6d6;
       }
       ```
   
 *  Thread Starter [Yvette](https://wordpress.org/support/users/omaco/)
 * (@omaco)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/fixing-menu-hover-effect/#post-16934678)
 * Thanks.
 * I do not know what happens, but now the hover effects work on all headings in
   the menu. I added code and then deleted it, and now all headings have hover background
   colors without using the code.
 * Strange things. But the problem was solved. Thanks for your help.
 *  [David](https://wordpress.org/support/users/diggeddy/)
 * (@diggeddy)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/fixing-menu-hover-effect/#post-16934938)
 * I would suspect that you had some caching go on.
   Add back the code I provided.
   And clear any plugin / server / browser caches.Then recheck the menus.
 *  Thread Starter [Yvette](https://wordpress.org/support/users/omaco/)
 * (@omaco)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/fixing-menu-hover-effect/#post-16937408)
 * Noted, with thanks

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Fixing menu hover effect’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/generatepress/3.6.1/screenshot.
   png)
 * GeneratePress
 * [Support Threads](https://wordpress.org/support/theme/generatepress/)
 * [Active Topics](https://wordpress.org/support/theme/generatepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/generatepress/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/generatepress/reviews/)

## Tags

 * [hover](https://wordpress.org/support/topic-tag/hover/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)
 * [settings](https://wordpress.org/support/topic-tag/settings/)

 * 4 replies
 * 2 participants
 * Last reply from: [Yvette](https://wordpress.org/support/users/omaco/)
 * Last activity: [2 years, 10 months ago](https://wordpress.org/support/topic/fixing-menu-hover-effect/#post-16937408)
 * Status: resolved