Evolve Disable Main Menu Hover Effect

I see no hover effect while hovering over the menu items.

What browser are you not seeing it in? Because I see them in IE11, Google Chrome and in Firefox.

If you mouse over menu items, “Welcome” has a small white box that pops up that also says “Welcome”. Same goes for “Contact Us” and then on “About” it really gets annoying because in Chrome the white box displays on top of the drop down menu item (Industry Background) and prevents the text from being fully visible.

Maybe I am just not calling the small white boxes with text in them that I see pop up, the right name. I frequently have that problem on WP since I am new at this…not knowing the correct words to use to describe my problem, in order to find the right solution. But maybe now I’ve described it better? They are definitely still there when I look.

Oh, ok sorry I misunderstood.

I just tested this plugin and it did the trick.

https://www.ads-software.com/plugins/no-title-tooltips/

Thank you, I appreciate the response.

If at all possible, I would really prefer to add some custom CSS or another type of fix to control this situation rather than add another plugin. My list of plugins is becoming too large and cumbersome, and this seems such a small issue to have to add a plugin to fix it.

I thought that the Evolve menu option I checked off, which I described at the very beginning of this post string should have fixed the issue, and I’m wondering why it did not.

All I can say is google for more ideas.

I found this one

https://wordpress.stackexchange.com/questions/23469/disabling-tooltip-on-menu-items

Hope it gives you a start.

Thank you! I’ve tried the attached code in the link above, and replaced their suggested “my_menu” with my menu name “menu_1” in each occurrence, so my code looked like this:

}
add_filter( ‘wp_nav_menu’, ‘menu_1_notitle’ );
add_filter( ‘wp_page_menu’, ‘menu_1_notitle’ );
add_filter( ‘wp_list_categories’, ‘menu_1_notitle’ );

But it didn’t work for me. Are you able to determine from this what I did wrong? If this is a dead-end, I’ll try googling some more.

Hi there,

Thanks for writing in,

You’ll need to create a child theme as per the instructions given in WordPress codex article for Child Themes: https://codex.www.ads-software.com/Child_Themes

After the child theme is setup, if you don’t have any code in you child theme’s functions.php file, you can simply insert following code:

<?php

add_action( 'wp_footer', 'custom_page_script', 10 );

function custom_page_script(){
?>
<script>
  jQuery(document).ready(function($) {
  $('ul.nav-menu a').removeAttr('title');
});
</script>
<?php
}

Otherwise, if you do have some other code in your child theme’s functions.php file, just exclude the first line from the provided code and insert it at the end of the file.

Thanks!

Thanks for the reply emranemranx. I tried what you had posted, and gave up and used the plugin Northwoods Creative suggested above: No Title Tooltips.

Thanks again.

You’re welcome! ??

My issue is slightly different.

I’m still trying to get rid of the hover effect, but it is for text and images that move when you hover over them that have links embedded in them.

How do I turn off this hover effect for links?

Thanks!

As stated above by Northwoods Creative and mitci2315, the plugin No Title Tooltips works BEAUTIFULLY to eliminate the white text box that pops up when you hover over menu items.

Dashboard > Plugins > Add New > search for “No Title Tooltips” in Search Plugins box > select plugin > install > activate.

Go back to your website and view the (no) magic!

Thanks, all!

Hi percept0,

Thanks for writing in,

If you wish to disable the hover effect from the menu bar so you can add following code under Appearance > Theme Options > Custom CSS:

.link-effect a span {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

Thanks.

Emranemranx,

Thank you for responding, however – My issue is slightly different.

I’m still trying to get rid of the hover effect, but it is for TEXT and IMAGES that move when you hover over them that have links embedded in them. This is not in the main menu, but throughout the entire site for words or images embedded with a link.

How do I turn off this hover effect for embedded links?

Thanks!
Percept0

Wonderful Theme! Thanks for providing it for us. I am also trying to turn off this effect, especially in the Widgets. It affects other link widgets and especially messes up the Amazon Widget. The effect is that when hovering over a link, the text moves slightly to the right. I tried the custom CSS above – no change.

hi,
you read this ?
https://www.ads-software.com/support/topic/theme-evolve-how-to-remove-flipping-menu-items