Google Translate script works in 7.0 but not 7.1

Site URL: https://newkwmc.squarespace.com

I'm migrating/rebuilding a site from 7.0 to 7.1

In the 7.0 version of the site, this code in the header works perfectly:

<div id="google_translate_element"></div>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>

In the 7.1 version of this site newkwmc.squarespace.com, this script seems to do nothing.  No widget is visible.

Any suggestions?

I'm having the same issue having moved a client site from 7.0 to 7.1.  Would appreciate any input into this as well.

Hi. The code worked, however header overlaps Google Translate button.

Don't remove above code & add this to Design > Custom CSS

header#header:not(.shrink) {
    top: 41px;
}

On 7/9/2021 at 11:34 PM, tuanphan said:

Hi. The code worked, however header overlaps Google Translate button.

Don't remove above code & add this to Design > Custom CSS

header#header:not(.shrink) {
    top: 41px;
}

 

Thank you so much!  Works perfectly now.

On 7/8/2021 at 4:09 AM, GlenwoodMedia said:

Site URL: https://newkwmc.squarespace.com

I'm migrating/rebuilding a site from 7.0 to 7.1

In the 7.0 version of the site, this code in the header works perfectly:

<div id="google_translate_element"></div>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>

In the 7.1 version of this site newkwmc.squarespace.com, this script seems to do nothing.  No widget is visible.

Any suggestions?

Hi. Do you need to fix these?

Site URL – https://newkwmc.squarespace.com/

1. (Desktop – Homepage) Scroll bar at the bottom of page.

https://newkwmc.squarespace.com/

2. (Mobile – Homepage) Button Contact us overlaps logos.

https://newkwmc.squarespace.com/

3. (Mobile/Tablet – Refugee services) Buttons overlaps.

https://newkwmc.squarespace.com/refugee-services

4. (All devices – Refugee services) Button not work.

https://newkwmc.squarespace.com/refugee-services

5. (Tablet – Homepage) Increase image width?

https://newkwmc.squarespace.com/

6. (Tablet – Homepage) Email is cut into 2 lines.

https://newkwmc.squarespace.com/

7. (Tablet – Festival) Scroll bar at the bottom of page.

https://newkwmc.squarespace.com/festival

8. (Tablet – Menu) Scroll bar at the bottom and the side of page.

https://newkwmc.squarespace.com/

9. (Tablet – Menu) Add space between button Donate and bottom of page.

https://newkwmc.squarespace.com/

On 7/10/2021 at 4:34 AM, tuanphan said:

Hi. The code worked, however header overlaps Google Translate button.

Don't remove above code & add this to Design > Custom CSS

header#header:not(.shrink) {
    top: 41px;
}

 

Thank you @tuanphanthat worked like a charm!