Help with google translate bar

[davidleesmith01]

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.

Thanks
Dave