Tooltips in Pro Header

Support
#1

Good morning,

I understand that Pro doesn’t support tooltips in the header although they are quite an important feature for users and are used by many major websites. So, as a workaround, I found a plugin that will generate a tooltip [by simply adding a class] based on the element’s title. My question is, how would I set the element title on the buttons in my header please? I understand that you can’t offer support for third party plugins, but my question relates to setting titles of elements in the Pro header builder, rather than anything to do with the plugin I’m using.

Thanks,

Antony

#2

Hi There,

Thanks for writing in!

We are really sorry but there is no option in the element to set title. Hoe ever you can use JS to add title to the button.

jQuery(document).ready(function(){
        jQuery("#buttonid").attr({
            "title" : "custom title"
        });
});

You can use your button id and title text in the script.

Thanks

#3

Works beautifully, thank you!

#4

Sorry, I spoke too soon. It doesn’t seem to work on the toggle for the off canvas content button.

#5

Hello There,

You need to update the JS code into this:

jQuery(document).ready(function(){
  jQuery("#contact-sparkle-anchor-toggle").attr({
    "title" : "Contact Us"
  });
});

You have inserted the wrong ID by the way.

#6

Thanks for the update. Sadly it still doesn’t seem to work :frowning:

#7

Hi There,

Thanks for the confirmation!

I can see the button ID is #contact-sparkle-anchor-toggle-anchor-toggle. can you add this ID to the JS code and check if the title is coming?

Thanks

#8

Works perfect now. Thanks again guys!

#9

you are most welcome!

Thanks

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.