Title: Adding hover effect on Logo (header)
Last modified: March 14, 2017

---

# Adding hover effect on Logo (header)

 *  Resolved [verticalpaleo](https://wordpress.org/support/users/verticalpaleo/)
 * (@verticalpaleo)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/adding-hover-effect-on-logo-header/)
 * Hey, could you help me to figure out how to add an effect on the logo (header)?
   It’s a png file, if it might help.
 * I also use Mega Menu and it doesn’t work with the following Go to Appearance -
   > Menus, select which menu item to which you want to add the effect, and add 
   the effect class under ‘CSS Classes (optional)’. It only works when I deactivate
   Mega Menu.
 * Try with custom css but don’t want to make a mess haha.
 * Watch the video, really cool btw 😉
 * Many thanks,
 * JM
    -  This topic was modified 9 years, 2 months ago by [verticalpaleo](https://wordpress.org/support/users/verticalpaleo/).
    -  This topic was modified 9 years, 2 months ago by [verticalpaleo](https://wordpress.org/support/users/verticalpaleo/).
    -  This topic was modified 9 years, 2 months ago by [verticalpaleo](https://wordpress.org/support/users/verticalpaleo/).

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

 *  Plugin Author [Wow-Company](https://wordpress.org/support/users/wpcalc/)
 * (@wpcalc)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/adding-hover-effect-on-logo-header/#post-8915189)
 * For logo you can use a next construction
 * `<span class="hvr-shadow-radial"><img class="alignnone size-full wp-image-4" 
   src="" alt="" width="256" height="256" /></span>`
 *  Thread Starter [verticalpaleo](https://wordpress.org/support/users/verticalpaleo/)
 * (@verticalpaleo)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/adding-hover-effect-on-logo-header/#post-8915895)
 * Thank you.
 * I am really not on point with codes. I tried to put this code in the CSS customiser(
   did not work) but I guess it’s probably an html code ?
 *  Plugin Author [Wow-Company](https://wordpress.org/support/users/wpcalc/)
 * (@wpcalc)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/adding-hover-effect-on-logo-header/#post-8916246)
 * Yes. It is a html code

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

The topic ‘Adding hover effect on Logo (header)’ is closed to new replies.

 * ![](https://ps.w.org/hover-effects/assets/icon-256x256.png?rev=1609528)
 * [Hover Effects - easily create any hover effect](https://wordpress.org/plugins/hover-effects/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/hover-effects/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/hover-effects/)
 * [Active Topics](https://wordpress.org/support/plugin/hover-effects/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/hover-effects/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/hover-effects/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Wow-Company](https://wordpress.org/support/users/wpcalc/)
 * Last activity: [9 years, 2 months ago](https://wordpress.org/support/topic/adding-hover-effect-on-logo-header/#post-8916246)
 * Status: resolved