it doesn’t work anymore and where it works the google translate bar appears

I correct…
it doesn’t work if I insert the shortcode in the header while if I insert it in the body it works!!!
But in other sites it is found in the header as it is used in all the pages of the site!
The problem of the google translate bar remains!

Greetings,

Thanks for the description. It doesn’t work in the home page, but it does work in other pages, such as:

https://www.livellotruck.it/shop/

The home page presents a javascript error:

Loading the Google Maps JavaScript API without a callback is not supported: https://developers.google.com/maps/documentation/javascript/url-params#required_parameters

You can see this error in the browser’s console. If you solve that, it’ll most likely start working again.

As for the CSS, try to use:

body > .skiptranslate > iframe.skiptranslate {
  display: none !important;
  visibility: hidden !important;
}

Test it and let me know.

Regards

HI

First of all thanks for the reply.
Unfortunately I have not solved the problem. On the other hand, as I later added in the replies… if I remove the shortcut from the header and insert it in the body, the problem does not arise.
I tried to check but it doesn't work on the leveltruck.it/shop page!!!

I don't know if it's a coincidence, but I can give you as an example 2 sites where the shortcut is inserted in the header and the problem occurs while on a onepage canvas site it works normally.

you can watch:

leveltruck.it
studiobrandelli.it

where the flags are in the header and no longer work (on the second site there is no google maps call)

while if you look at this site

portadeglielfi.it

see that it works .. but the problem of the google bar that appears automatically occurs.
Right now I have this custom css inserted:

#google_translate_element {
   display: none !important;
}

.goog-te-banner-frame {
    display: none !important;
    visibility: hidden !important
}

body > .skiptranslate > iframe.skiptranslate {
 display: none !important;
 visibility: hidden !important;
}

but the google bar problem remains!!!

Greetings,

In various tests, we see the translator always working. However, there’s a cookie consent plugin/script, unless its message is accepted, the translation plugin won’t work.

Perhaps you have some kind of browser extension to hide these cookie messages, or something else that’s preventing you from accepting the message presented by that plugin/script that seems to block/unblock other plugins’ requests.

You should try it out in a private/incognito session, and make sure you see and accept that cookie message.

Using your browser’s developer tools, you can check on the Network tab, see if the following is being loaded:

https://translate.google.com/translate_a/element.js?cb=initializeGoogleTranslateElement

If it isn’t being loaded, then something is blocking it and the translation plugin won’t work.

leveltruck.it is not accessible. The other two sites don’t have the new CSS:

body > .skiptranslate > iframe.skiptranslate {
  display: none !important;
  visibility: hidden !important;
}

Regards

HI

Now it works correctly on all sites (even the annoying google banner at the top now doesn’t appear as I wanted).
The only site that remains is livellotruck.it where I don’t know what it could be that doesn’t do it!
I disabled the plugins for maps, I deleted the code for cookies consent.. but it doesn’t work! What can I do?

Thk U

<font _mstmutation=”1″></font>

Greetings,

When you place the translator, an empty HTML container is created, it looks like this:

<div id="google_translate_element"></div>

The problem is that there’s a script duplicating it:

https : // i . imgur . com / EsUU1Jr . png

(copy/paste on your browser’s bar and remove the spaces)

If you search for: "google_translate_element" You’ll find four occurrences, there should be only two: the unique id of the container element, and the same id in the callback initialization function.

Most likely, either the theme or the design you’re using is duplicating the header area with all its content to display one header for the desktop view, and the other header for the mobile view.

Basically, the site has two elements with the same id. That’s why it doesn’t work. There should be only one element with the unique google_translate_element id.

Regards

Hi,

At that time…
I fixed that… by eliminating the repetition..
Now in the desktop version it’s ok!
But in tab and mobile version it doesn’t work.
I don’t know where there can be a repetition of the DIV.. now there are no elements shown only on mobile and not on desktop… everything is just layout differently on mobile but there are no elements hidden or created only for mobile!!! !

Sorry!!!

Have you any idea to help me? Trouble now is only on mobile version of my site livellotruck.it and i have not idea why!!!!

Greetings,

The page still has four occurrences of "google_translate_element", if it’d have two (as it should), then it’d work fine. You can check that using the developer tools of your browser as shown on the screenshot in the previous message.

https://i.imgur.com/ZRAZOcw.png

As you can see, the elementor element with data-id="49829769" is being duplicated. Also notice:

style=”left: 0px; visibility: hidden;

A script is duplicating it and hiding it. You should disable/remove that script. If you don’t know how to do that, maybe the Elementor’s support could help you; or you could rebuild that section and make sure to not enable any effect.

Regards

An update.
I’m developing a new site where I will always use your plugin. Given that I work only with Elementor and here too I am using this builder.
Unfortunately I realized that the problem reported for the other sites also occurs in this one.
Basically I always have a mobile version of the header different from the desktop one (it’s unavoidable).. and I always have the problem with your plugin.
In practice, in the desktop version everything works perfectly while in the mobile version, obviously inserting the shortcode of your plugin in the header, the translation does not work…
From Elementor support I didn’t get any useful info and in any case they report the problem to the plugin and, sorry if I may, me too!
Can I have a permanent solution that applies to all my jobs? Otherwise I have to fall back on other plugin solutions and I would be sorry because I gave high ratings to yours in the forums I frequent.
Thank you!