Xenforo and Google Translations


Well-known member
I have a board with two languages.
I have insert a google code like this in my footer:

<div class="google">
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'en,es,fr,pt,ru', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: true, multilanguagePage: true, gaTrack: true, gaId: 'UA-...-1'}, 'google_translate_element');
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></div>
I have done it with a phrase only for one language.
I have set display to none for the language chooser.

My result:

You change xf from language one to language two.
Now the Google Code is inserted via phrase. The google language chooser in the footer is now shown, but the google tranlation bar is shown at the top of the page.

Everything is like i want it, but:

The Google JS seems to disturb XF JS, means that

<div class="xenTooltip" ... is flickering all the time, when mouse-over.

And the breadcrump is not right anymore also. (misses space between arrows and text)

I have no idea how to change this beaviour, but maybe you know a solution?


Well-known member
Breadcrump: It seems that google adds a font tag like:


And this disturbs the breadcrump.


it can be solved with adding "notranslate" to the class="arrow notranslate" in breadcrump template. But this doesnt solve the overlay problem. Here i can get rid of the font-tags also, but the oberlay is still flickering.
Last edited: