Web Analytics Made Easy -
StatCounter Help with google translate bar - CodingForum


No announcement yet.

Help with google translate bar

  • Filter
  • Time
  • Show
Clear All
new posts

  • Help with google translate bar

    Hello, I think I am posting this in the right spot! I'm trying to add google translate to my mobile website... Because, I want an easy way for koreans to read it.

    It's a mobile site by dudamobile so my editing ability is limited.. the issue I am having is it works but it is throwing off my scrolling ability and page size
    and the toolbar and banner was spanning my webite to a very large area which threw off the look of the site.

    I was able to remove the banner (which I didnt need) by inputing this code into the CSS

    body {top: 0px !important; position: static !important; } .goog-te-banner-frame {display:none !important}

    but the drop down bar still has a spand the size a full sized website for some reason

    I pasted in the following code provided by google translate for the site:

    <div id="google_translate_element"></div><script>
    function googleTranslateElementInit() {
    new google.translate.TranslateElement({
    pageLanguage: 'en',
    includedLanguages: 'zh-CN,zh-TW,en,de,ja,ko,th',
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
    }, 'google_translate_element');
    </script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

    Is there any code that can be added to restrict the size of this bar?

    again the translate option works outside of this.