Title: About hover image
Last modified: August 21, 2016

---

# About hover image

 *  Resolved [Accessdenied](https://wordpress.org/support/users/accessdenied/)
 * (@accessdenied)
 * [12 years ago](https://wordpress.org/support/topic/about-hover-image/)
 * Hello! Simple and nice plugin, but I would like to do such thing:
    When I am 
   in one of menu sections, hover image stays, so it shows section where I am at
   the moment. Is it possible, how to do this? ) Thanks in advance.
 * [https://wordpress.org/plugins/menu-image/](https://wordpress.org/plugins/menu-image/)

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

 *  [zviryatko](https://wordpress.org/support/users/zviryatko/)
 * (@zviryatko)
 * [12 years ago](https://wordpress.org/support/topic/about-hover-image/#post-4925093)
 * Hi, I already answered for same question, see: [http://wordpress.org/support/topic/active-menu-effect#post-4897015](http://wordpress.org/support/topic/active-menu-effect#post-4897015)
 * I think this feature need to be configurable from administration interface and
   in new version I try to do this.
 *  Thread Starter [Accessdenied](https://wordpress.org/support/users/accessdenied/)
 * (@accessdenied)
 * [12 years ago](https://wordpress.org/support/topic/about-hover-image/#post-4925105)
 * Thanks man, it’s working fine!
    You’re wizard. )
 *  Thread Starter [Accessdenied](https://wordpress.org/support/users/accessdenied/)
 * (@accessdenied)
 * [12 years ago](https://wordpress.org/support/topic/about-hover-image/#post-4925251)
 * Another question about this.
    I just now noticed that if mouse is over the menu
   section, then picture of menu is normal, but when I click on it and it stays 
   changed like it should be, it becomes with small contour. any ideas how to fix
   this issue?
 *  [zviryatko](https://wordpress.org/support/users/zviryatko/)
 * (@zviryatko)
 * [12 years ago](https://wordpress.org/support/topic/about-hover-image/#post-4925253)
 *     ```
       .nav-menu a:focus {
           outline: none;
       }
       ```
   
 *  Thread Starter [Accessdenied](https://wordpress.org/support/users/accessdenied/)
 * (@accessdenied)
 * [12 years ago](https://wordpress.org/support/topic/about-hover-image/#post-4925262)
 * Hmm, not working.. Perhaps I should change “nav-menu” to something else..? Because
   I also didn’t see such class like nav-menu..
    I have main-navigation in css..
   but if U change to it, then it’s also not working. I have spacious theme.
 *  Thread Starter [Accessdenied](https://wordpress.org/support/users/accessdenied/)
 * (@accessdenied)
 * [12 years ago](https://wordpress.org/support/topic/about-hover-image/#post-4925266)
 * Maybe it’s because of picture under the hover image.. Icons are in .png format
   and this effect could be cuz of dark inactive icons? Because if I change here:
 *     ```
       .menu-item.current-menu-item a.menu-image-hovered .menu-image-hover-wrapper img.hovered-image {
       	opacity: 1;
       }
       ```
   
 * opacity to 0.1, then I actually see picture under, which is dark… and then I 
   hover mouse, then its very light. So isn’t it possible not to show icon under
   the active icon?
 *  Thread Starter [Accessdenied](https://wordpress.org/support/users/accessdenied/)
 * (@accessdenied)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/about-hover-image/#post-4925389)
 *  [zviryatko](https://wordpress.org/support/users/zviryatko/)
 * (@zviryatko)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/about-hover-image/#post-4925390)
 * something wrong with css, save your page as html and post anywhere or send to
   me as archive (sanya.davyskiba@gmail.com)
 *  Thread Starter [Accessdenied](https://wordpress.org/support/users/accessdenied/)
 * (@accessdenied)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/about-hover-image/#post-4925391)
 * Check your email. =)
 *  [zviryatko](https://wordpress.org/support/users/zviryatko/)
 * (@zviryatko)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/about-hover-image/#post-4925392)
 * oh, now i see the problem, just add this css code
 *     ```
       .menu-item.current-menu-item a.menu-image-hovered .menu-image-hover-wrapper img.menu-image {
           opacity: 0;
       }
       ```
   
 * when you set “opacity: 1” to hover image when menu item is active, you need to
   set “opacity: 0” to main image.
 *  Thread Starter [Accessdenied](https://wordpress.org/support/users/accessdenied/)
 * (@accessdenied)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/about-hover-image/#post-4925393)
 * Thanks, man! Now all is ok.
    Interesting, why didn’t I have such code in your
   plugin css? Besauce U didn’t make modifications to your css.. ) Btw great plugin
   support.
 *  [zviryatko](https://wordpress.org/support/users/zviryatko/)
 * (@zviryatko)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/about-hover-image/#post-4925394)
 * > why didn’t I have such code in your plugin css?
 * Cause I don’t think that is a good idea, better I add it to faq. I also added
   this to my personal list of features, and when the time comes I will post a vote
   for feature.

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

The topic ‘About hover image’ is closed to new replies.

 * ![](https://ps.w.org/menu-image/assets/icon-128x128.png?rev=2123398)
 * [Menu Image, Icons made easy](https://wordpress.org/plugins/menu-image/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/menu-image/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/menu-image/)
 * [Active Topics](https://wordpress.org/support/plugin/menu-image/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/menu-image/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/menu-image/reviews/)

 * 12 replies
 * 2 participants
 * Last reply from: [zviryatko](https://wordpress.org/support/users/zviryatko/)
 * Last activity: [11 years, 11 months ago](https://wordpress.org/support/topic/about-hover-image/#post-4925394)
 * Status: resolved