Breadcrumbs: HIDE Current Page TOOLTIP (You Are Here)

[Finlando]

Hi there!

Is it possible to display:none the tooltip of the current page link in the breadcrumbs?

Thanks a lot in advance!

[Prasant]

Hello Finlando,

Thanks for writing in!

Please add following CSS under Pro > Theme Options > CSS:

.x-crumbs-current {
    pointer-events: none;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[Finlando]

Hello @Prasant!

Thanks a lot for Your answer!

Is it possible just to hide the tooltip? (I still want the link to be clickable.)

Thanks!

[ruenel]

Hello @Finlando,

Are you referring to this tooltip?

Please remove the given custom css.
To resolve your issue, please add this JS code in the Theme Options > Global JS (http://prntscr.com/evswzb)

(function($){
	$(".x-crumbs-link.x-crumbs-current").attr("title", "");
})(jQuery);

Please let us know if this works out for you.

[Finlando]

Hello @RueNel,

Your solution works like a charm! One more question please…

Is there a way to adjust the style of this tooltip?

Thanks!

[nabeel]

Hi @Finlando,

You can’t style an actual title attribute but there are other options out there like with JavaScript code or using a third party library or a plugin.

Hope this helps!