Google Translate code disappears on website when going from page to page

Hi there!
I have been working with this tutorial through Squarestylist for my client's website. Overall, it worked well, and I was able to customize it to make it look nice. 

However, I keep running into the issue where going from page to and the language selector disappears and the translation stops working. Sometimes if I refresh it starts working again, so I'm wondering if it's something to do with the caching.

I'm kind of at a loss as to why that would be. Does anyone have any insights as to why that could be happening?

I see your code missing a code

You can use this code to top of Code Injection > Header

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>

5 hours ago, tuanphan said:

I see your code missing a code

You can use this code to top of Code Injection > Header

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>

 

Thank you for this!

I added it and tested it. It seems to fix it but only when I view the site in Safari. My Chrome browser is still having that issue. I'm assuming it must have something to do with the caching since if refreshes a few times it corrects itself. I'm working on indexing the pages, so I'm not 100% sure if that will help in the long run. But I'm not sure if there's anything else I might be missing.
 

On 8/20/2024 at 8:54 PM, ashlyleh said:

Thank you for this!

I added it and tested it. It seems to fix it but only when I view the site in Safari. My Chrome browser is still having that issue. I'm assuming it must have something to do with the caching since if refreshes a few times it corrects itself. I'm working on indexing the pages, so I'm not 100% sure if that will help in the long run. But I'm not sure if there's anything else I might be missing.
 

Maybe conflict between same jQuery link, you try remove this line from Code Injection Footer