Hi, dear wordpress tooltip users, hope this message find you are doing well and have happy days with your family 🙂 An amazing wordperss tooltip user told us he don’t want to tooltip shows up in menus, we’d like write a detailed step by step document with screenshot to help the user and other wordpress tooltip user who have similar needs 🙂

At present, we usually talk about two kinds of menus:

1: Menus that generated by wordpress theme, in general, it is at the top of wordpress site.

2: “Menus” or “Navigation” which created by a wordpress plugin or a wordpress editor, it may inserted in a wordpress post, wordpress page, or be placed on a wordpress widget…etc

Of course, may be some theme or plugin can get menu items and add it on the wordpress widget or wordpress footer, we also think that this rare situation has been included in the the first and second situations, because wordpress tooltip support enable / disable tooltip effects in all these situations 🙂

Okay, let’s start 🙂

How to Disable the WordPress Tooltips Effect on Menus Items in the First Case?

1: Login your wordpress site as wordpress administrator

2: Click Tooltips menu item

3: Click Optional settings sub menu item, by default, it looks like this:

wordpress tooltip menus 14.3.6

4 You will open optional settings panel, it looks like this:

Tooltips Optional Settings in wordpress tooltips plugin 14.5.8

5: At top of the optional settings panel, you will find option “Add Tooltips to Menu Items:  “, please select “remove tooltips from menu items”, then click the blue “update now” button

6: Now  please check “Tooltips for Post Title” option, and select “disable tooltips for post title”, then click the blue “update now” button to update the settings, in general, in front end, tooltips in your menu items which created by wordpress theme should be removed

7: please check your front end, if you find wordpress tooltip still displayed on menu items, please clear your cache plugin and clear your browser cache

Please note, just like we motioned at “add tooltips to menu item”  option: “Note: May not work with some themes” — based on how the wordpress theme menu be developed by the author 🙂

How to Disable the WordPress Tooltips Effect on Menus Items in the Second Case?

1: Login your wordpress site as wordpress administrator

2: Click Tooltips menu item

3: Click Optional settings sub menu item

4 You will open optional settings panel, it looks like this:

4: Please check the option: “Disable Tooltips for Selected Classes and IDs”, it looks like this:

Disable Tooltips for Selected Classes and IDs

You can enter the css Class or css ID in here to disable tooltips effects on components of your wordpress post / page.

Of course, on the contrary, we can also add tooltips to a component in your wordpress post / pages which have a  css Class and css ID, please check our detailed step by step document at: Tooltips for Class and Tooltips for ID, Tooltips can be Attached to Any Elements Which Have a Css Class or Css ID in Front End

5: How to find a css Class or css ID of component in wordpress page?

Okay, let’s say if you using the browser firefox to view your wordpress post,a official document from firefox can be found at: Debugging CSS , please use a few minutes to read it, then:

5.1 please enter F12, then select “Inspector” tab at the bottom of the firefox browser

5.2 then press CTRL+SHIFT+C

5.3 move mouse to over any component in your wordpress post, you will find you can get all HTML code and CSS Class / ID of any element in your wordpress page.

For example,in our home page of wordpress tooltip plugin site, there are a menu item “menu tooltips demo”, when you mouse hover the menu item, you will find a rotate tooltip window pop up, let’s try to disable tooltip effect on menu:

enter f12, enter CTRL + SHIFT + C, move mouse to the menu item “menu tooltip demo” and click the menu item, you will find in the firefox “Inspector” tab, you can see HTML codes of this menu component, you will find HTML looks like this:

<li id=”menu-item-5454″ class=”menu-item menu-item-type-custom menu-item-object-custom menu-item-5454″><a href=”https://tooltips.org/product/tooltips-pro-mutil-site-license/”><span class=”tooltipsall tooltip_post_id_310 classtoolTips310″ data-hasqtip=”13″ aria-describedby=”qtip-13″>Menu Tooltips Demo</span><script type=”text/javascript”>jQuery(“document”).ready(function(){ var tt_store_content = “Enjoy\!”; toolTips(‘.classtoolTips310′,tt_store_content,’310’); });</script></a></li>

In here, what we need is the code:

<li id=”menu-item-5454″ class=”menu-item menu-item-type-custom menu-item-object-custom menu-item-5454″>

You can use CSS Class “menu-item” to disable tooltips effect for all menu items, or use CSS ID “menu-item-5454” to disable tooltip effect for this menu item “menus tooltip demo”, and keep tooltip effect displayed on other menu items yet 🙂

In our course, we just want to disable tooltip effect on the menu item “menus tooltip demo”, so we can use use CSS ID “menu-item-5454” to stop tooltip effect on this menu item by this way:

5.4 open wordpress tooltip optional settings panel, and in the option: “Disable Tooltips for Selected Classes and IDs”, enter the CSS ID #menu-item-5454 in the input box, it looks like this:

Disable Tooltips for Selected ID of component in wordpress page

5.5 Click update now blue button, then in front end, tooltip effects will be removed from then menu item “menus tooltip demo”, I’d like offer  before / after screenshot for you:

Before

enabled tooltip effect on wordpress menu item

After

disabled tooltip effect on wordpress menu item

Conclusion:

WordPress tooltip plugin can add tooltip effect on components of wordpress pages, for example you can add tooltip effect to wordpress menu, Post Title, wordpress content, wordpress tag, wordpress widget, image in wordpress, video in wordpress…etc, in backend of wordpress tooltip plugin, you can enable / disable via a few clicks, and you can disable / enable tooltip effect on component in wordpress post via CSS class or CSS id of component in wordpress pages