Hello! I'm having the same problem on my site https://alanonsandiego.org. Our site is using the Version 7.0– Bedford family (Bedford template).
I used the following code and the Google Translator works just fine. But it causes the navigation menu to stop working. The menus appears, but clicking on any menu item does nothing. I've search this forum and the entire Internet and have not found a solution.
If you have a fix to this problem, please share it. Your assistance will be very much appreciated!
HTML:
<div id="google_translate_wrapper">
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({ pageLanguage: 'en', includedLanguages: 'en,es' }, 'google_translate_element');
}
</script>
<script type="text/javascript"
src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>
CSS
#google_translate_wrapper { position: fixed; bottom: 0px; right: 0px; z-index:2; }
Screenshot
Note: The Translator has been removed from the site until the menu problem can be resolved.