Text that appears when hovering over navigation tabs

[Mat_C]

Hi,

I have a Wordpress website and want to delete or edit the text that appears when I hover over my navigation tabs.

In my case, the text is always the same as the page title, but I don't know where to edit it separately. When I change the title of a page that is in the navigation, the text that appears changes too. So the general setting is that this text is the same as the page title.

Does somebody have an idea where to edit this?

Thanks!

[Mat_C]

Hi Kane,

I tried this method, and I can indeed change the titles but I can not select to not show them at all.

I tried adding a space, and in Chrome no title texts show then, but in Edge and FF, a blank space is shown when hovering over the navigation tabs.

I suppose there is only one way to not show title texts at all, being an override in the code. Unfortunately, I am not a coding expert. I chose to fill in some appropriate title texts, which also helps (a little bit) for my SEO.

[Mat_C]

Hi Kane,

Thanks for the answer. Probably you couldn't see the page because we are executing the transfer right now.

The problem with these links is that they are embedded in 'More info' buttons, which are designed by the WP Bakery page builder in CSS. So the link is an 'href' in the code , but not an 'a href'. In regular html, I can't reproduce these buttons and adding styling to them is of course more difficult.

However, the images are also embedded in CSS functionalities and the alt-texts are recognised by Moz, so I suppose if Moz can recognise and index these images, Google can too.

[KaneJamison]

Hey Mat,

Answering your second question here - "I do have another question though: the links and images that are embedded in CSS (so for example links that are not 'a href') are not recognised by the Moz toolbar. I know that the toolbar only can see normal 'a href' links, but can this hurt my SEO? Or will Google recognise these internal links?"

Generally images that are stored in CSS, for example a background image on a div, will not be indexed by Google. If you're storing links inside CSS I'll assume it's a scenario like a :before pseudo element. In that case, I would default to guessing that Google does not treat these the same or as highly as a standard link, and I'd suggest you change how that content is added to the page to get it out of CSS or JS files and into the core HTML file that is being crawled.

I'm getting a bunch of 500 errors in my browser console when attempting to view the link you shared, so I can't see any content being loaded by CSS, so I'm guessing those resources are blocked to non-logged-in users on your staging server. That is also a  potential reason why certain toolbars might not be able to load the content, however if you're logged in they should be able to fetch that content.

[KaneJamison]

Answering the first question for anyone that stumbles on to this thread:

1. Go to the Appearance >>> Menus page
2. Select the correct menu you are looking to edit (some WordPress sites have multiple menus, or a separate mobile menu)
3. Click the down arrow on the menu item you want to enter, and edit the "Title" field:
   Screenshot example on imgur

If that doesn't work, then my next step would be seeing if A) you're using a custom menus plugin, eg MegaMenu, or B) you're using a theme with it's own interface. In either case I'd be looking at that theme/plugin to see if they are overriding these WordPress defaults.

[Mat_C]

Hi Tim,

I already found where to edit the title tag of the links, but I can not deactivate them. The only thing I can do is fill in a space and then the title tag is not shown, so I guess it has to be changed in the code.

I do have another question though: the links and images that are embedded in CSS (so for example links that are not 'a href') are not recognised by the Moz toolbar. I know that the toolbar only can see normal 'a href' links, but can this hurt my SEO? Or will Google recognise these internal links?

An example of the code with links that are not recognised by Moz toolbar on the page k488239.hosting.kinamo.be :

VERWARMING

<a class="vc_general vc_btn3 vc_btn3-size-sm vc_btn3-shape-rounded vc_btn3-style-flat vc_btn3-icon-left vc_btn3-color-mulled-wine" <strong="">href="http://k488239.hosting.kinamo.be/producten/verwarming/" title=""> Meer info</a>

Thans for checking!

[TimHolmes]

Hi Matt, could you send over your URL so we can look into the code, I may be able to spot the location of the offending issue.

Cheers

Tim